Support » Theme: Goran » Default color change

  • Hello
    I need help with changing the default (red) color in the theme header. I hoped I can cover it up with a header image, but that didn’t work.

    So if anyone can help me and tell me how to change the default red color of the header + text headlines and such that would be great.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, I’m not seeing the red color once your site has loaded, but I do see it flash before the image has loaded. The following custom CSS should take care of that for you.

    .hero {
    background-color: transparent;
    }

    Thank you for the tip, but it didn’t fix my problem. I’m afraid I wasn’t clear enough, so let me rephrase my problem. When on phone, or tablet, or in the posts the red header color is still there (as seen here https://gaia-s.org/en/2017/10/02/what-is-environmental-protection/).

    Is there any way to change/remove it?

    Thank you!

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Ah, thanks for the link. Given that the menu labels are white, so we would have to change the color of those on pages that do not have a “hero” image. Give the following a try. The second rule changes the navigation font color to black so that it shows up.

    body:not(.hero-image) .site-header {
        background-color: transparent;
    }
    body:not(.hero-image) .main-navigation a {
        color: #000;
    }

    You will have to change your snapchat image in the menu as it is white.

    Thank you for that! It fixed almost everything.
    Now I noticed that the only thing that’s still messing with me is the homepage (or better said the pages) when the site is opened on phone or tablet, as the header is still red, but on posts, the header is white, as it should be… (I kept the .hero code you first sent, but it only seem to work on laptop/pc)

    Could it just be a glitch, or is there a specific code for when the site is opened on tablet and phone….

    I’m really sorry for being such a drag, but I have no idea about coding….

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Default color change’ is closed to new replies.