Background colour of sticky header - Acme Themes

Best Premium and Free Responsive WordPress Themes Forums Click Background colour of sticky header

This topic contains 5 replies, has 2 voices, and was last updated by  acmesupports 1 year ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #22178

    eurodolphin
    Participant

    I am planning to use this theme for the website of an amateur photographer. Can you tell me where I can find the CSS that controls the background colour of the sticky header?

    #22181

    acmesupports
    Moderator

    Hello eurodolphin,
    Thank you so much for your interest in our theme. You can find css codes inside style.css file of theme root folder. Please check it.

    Regards

    #22201

    eurodolphin
    Participant

    Thank you very much for replying so quickly. Before raising my question I had spent a lot of time looking for the CSS that determines this colour. I notice that it’s the same colour as the menu drop-downs. I found it in two CSS files: metabox.css (line 43: border: 3px solid #F88C00;) and style.css (line 3975: border-top: 18px solid #f88c00;). Neither of these is a background colour and removing both lines has no effect on my test website: http://www.eurodolphin.com/rb2/ So I’m hoping you can give me a slightly stronger clue as to where I might look. Many thanks in advance.

    #22230

    acmesupports
    Moderator

    Dear
    Please add the below CSS codes on Appearance > Customize > Additonal CSS,

    .site-header.fixed {
       background: red !important; 
    }

    Hope this help. Please change the color name as your need. If you don’t need any color, just make it none

    Thank you

    #22236

    eurodolphin
    Participant

    Many thanks again. I wanted to retain the transparency of the header because a solid one obscures part of the image. By looking at all the ‘site-header’ lines in style.css I found this on line 1895: ‘background: rgba(247, 142, 63, 0.3);’ The problem with this is that any colour is going to clash with some of the images. The answer, as I see it, is to make the header background grey. I have done this by changing to: background: ‘rgba(153, 153, 153, 0.3);’

    #22321

    acmesupports
    Moderator

    Thank you

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.