• Resolved zonee2k

    (@zonee2k)


    Hey everyone. Im using Codium theme and Im trying to customize the colors on the page. I get most to work except the top navbar which stays the original color despite me editing this line

    /* Navigation */

    #access{background:#d0d0d0;display:block;float:left;width:980px;margin:0 auto;text-transform: uppercase;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;}

    #d0d0d0 is the colour I want, but nothing happens when I save and update.

    My page https://www.trimblogg.se

    Thanks,
    Jens

Viewing 6 replies - 1 through 6 (of 6 total)
  • When looking at the HTML source code I can see some CSS in there.

    <style type="text/css">
            div#header {
                background: url(https://trimblogg.se/wp-content/uploads/2013/03/cropped-TRIMv3WPv3_orange.png); height :230px; -moz-border-radius-topleft:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;
            }
            #access{background:#f1f2f4;display:block;float:left;width:980px;margin:0 auto;text-transform: uppercase;-moz-border-radius-topleft:0px;border-top-left-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;}
    
            		h1.blogtitle,.description { display: none; }
    				</style><style type="text/css" id="custom-background-css">
    body.custom-background { background-image: url('https://trimblogg.se/wp-content/uploads/2013/03/Grey-website-background1.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }
    </style>

    Is there a custom option section where you can select the colour of the navigation or some other Custom CSS somewhere.

    Thread Starter zonee2k

    (@zonee2k)

    No nothing concerning the navbar except choosing what menu that should be there. This bugs the hell out of me, since changing the # should work just fine.

    Header is of course custom CSS too, and background color, but that might not be relevant to the code you wrote.

    Edit: As you noticed the code you copied has the #f1f2f4 color despite me changing it too #d0d0d0 in the edit. ???

    The background colour is set to f1f2f4 in the inline CSS >> Look at the HTML source code.

    This inline CSS is over writing what’s in your stylesheet.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’re probably not using specific enough selectors.
    See https://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

    CSS queries are best discussed on CSS forums such as https://csscreator.com/forum .

    Thread Starter zonee2k

    (@zonee2k)

    Thanks Christine! Im a beginner concerning websites competely, how do I go further solving this problem? I can’t seem to reach the inline code with the editor. Is it impossible?

    Thank you too Andrew. I had a look through the page, but as I understand it everything on there is still overwritten by inline code? Hence I can’t solve it by making the code more specific.

    Jens

    Thread Starter zonee2k

    (@zonee2k)

    Never mind I solved it! Did not realise I could go into the theme_functions.php and edit the actually code for the theme.

    Sorry for the hazzle, and thank you very much Andrew and Christine once again, would not have understood the problem without you!

    Jens

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Problems with Navbar color’ is closed to new replies.