• I simply cannot change the top horizontal menu bar color from the default yellow to much softer blue. I am not into technology…but tried to change the color codes after downloading a color catalog from internet. But it still doesnot work. Can someone pls help. I can share my style sheet file/code if that helps.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Then you are not changing the right colours. This might help:
    Finding_Your_CSS_Styles

    Thread Starter paulkallol

    (@paulkallol)

    Thanks Moshu. Can you help me to find the yellow(some variant) color that you see in the top horizontal menu bar (where you see About, Privacy etc) on my website https://www.reasonpad.com ? would really appreciate your help. I can send you the stylesheet txt code as well to you if that helps.

    Thanks,

    No, don’t send anything: I can see your stylesheet without your help.
    Did you read the article I linked to? All your answers are there!

    Thread Starter paulkallol

    (@paulkallol)

    Can you tell me the link to the horizontal bar color with color code. thanks.

    I could but I gave you the tool so you can find it for yourself (now and in the future). WHY don’t you follow the instructions in that article? What stops you from learning the basics?

    The artcile says to look at your Source code. If you did, you can easily find the portion where all those links (Home, About etc.) are:

    <div id="topy">
    <div id="menuv">
    	<ul>
        <li class="current_page_item"><a href="https://reasonpad.com/" title="Home">Home</a></li>
    
        <li class="page_item page-item-2"><a href="https://reasonpad.com/?page_id=2" title="About">About</a></li>
    <li class="page_item page-item-11"><a href="https://reasonpad.com/?page_id=11" title="Contact us">Contact us</a></li>
    <li class="page_item page-item-18"><a href="https://reasonpad.com/?page_id=18" title="Privacy">Privacy</a></li>
    	<li class="admintab"><a href="https://reasonpad.com/wp-login.php?action=register">Register</a></li>	</ul>
    </div>
    </div>

    And it tells you EXACTLY that they are placed in a div that has an ID “topy”.
    Next, all you have to do find that div’s definition in your stylesheet:
    #topy {…}
    and edit the background colour of it.

    So, next time try to NOT talk back to me without reading the resources and trying to follow the instructions.

    And do NOT post the same question in two, three topics – duplicate topics are deleted!

    Thread Starter paulkallol

    (@paulkallol)

    Sorry Moshu. I now understand how to do it. But it still didnot work. what i did was.

    Old Topy code:
    #topy {
    width: 950px;
    margin: 0 auto;
    background: #E2B400 url(images/bg-orange.gif) 0 0 repeat-x;
    position: relative;
    height: 40px;
    font-size: 1.2em;
    }

    Changed To:

    #topy {
    width: 950px;
    margin: 0 auto;
    background: #6495ed;
    position: relative;
    height: 40px;
    font-size: 1.2em;
    }

    Am i doing something wrong? I know I am bothering you again nagain.

    No, your changes are NOT saved. I checked your stylesheet and you have another colour, not what you think you have.
    You removed the bg image but left the old color’s code (#E2B400).

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘any one using Prosumer theme…need help’ is closed to new replies.