Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4

Thread: CSS not working

  1. #1
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation CSS not working

    MarieHaze
    Member
    Posted 15 minutes ago #

    Hello, I am in desperate need of some assistance. I have a wootheme theme on my wordpress site. I have been able to customize it to my taste, all but one issue. I would xontact wootheme support, but for days the website has bee inaccessible for some reason.
    My issue is this:
    I am trying to change the sidebar tabs from #9f9f9f to a blue color. The problem is, when I use firebug to get this:
    #sidebar h3 {
    background: none repeat scroll 0 0 #9F9F9F;
    color: #FFFFFF;
    display: inline;
    float: left;
    font-size: 12px;
    margin: 0 0 10px 1px;
    padding: 8px 14px;
    }
    I change the color 9f9f9f to what I want it to be, however nothing happens when I save and refresh. And when I open firebug again to see if there has been an override (Line through the original) there is nothing except what was there to begin with.

    Please will someone help me to fix this, I would be willing to allow someone temp access, I have been struggling for three days and Im extremely frustrated, as it is a seemingly small detail.
    Thanks so much

  • #2
    Senior Coder ckeyrouz's Avatar
    Join Date
    Jun 2009
    Location
    Montreal, Canada
    Posts
    1,044
    Thanks
    5
    Thanked 179 Times in 179 Posts
    A link to the site would be useful to us.
    Software and cathedrals are much the same - first we build them, then we pray.

  • #3
    New Coder
    Join Date
    Sep 2010
    Posts
    63
    Thanks
    1
    Thanked 2 Times in 2 Posts
    there really is no need to have all that in there if you are trying to change the color... your code should look like this

    #sidebar h3{
    background: #9f9f9f;
    color: #FFFFFF;
    display: inline;
    float: left;
    font-size: 12px;
    margin: 0 0 10px 1px;
    padding: 8px 14px;
    }

    That will change the background color of your tab from the color you don't want, to the blue color you want.

  • #4
    Senior Coder ckeyrouz's Avatar
    Join Date
    Jun 2009
    Location
    Montreal, Canada
    Posts
    1,044
    Thanks
    5
    Thanked 179 Times in 179 Posts
    There might be inheritance of a style from other objects this is why I asked for a link to the site or posting some full code here.
    Software and cathedrals are much the same - first we build them, then we pray.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •