WordPress.org

1. paulkallol
   Member
   Posted 1 year ago #

   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.

2. moshu
   Member
   Posted 1 year ago #

   Then you are not changing the right colours. This might help:
   Finding_Your_CSS_Styles

3. paulkallol
   Member
   Posted 1 year ago #

   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 http://www.reasonpad.com ? would really appreciate your help. I can send you the stylesheet txt code as well to you if that helps.

   Thanks,

4. moshu
   Member
   Posted 1 year ago #

   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!

5. paulkallol
   Member
   Posted 1 year ago #

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

6. moshu
   Member
   Posted 1 year ago #

   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="http://reasonpad.com/" title="Home">Home</a></li>
   
       <li class="page_item page-item-2"><a href="http://reasonpad.com/?page_id=2" title="About">About</a></li>
   <li class="page_item page-item-11"><a href="http://reasonpad.com/?page_id=11" title="Contact us">Contact us</a></li>
   <li class="page_item page-item-18"><a href="http://reasonpad.com/?page_id=18" title="Privacy">Privacy</a></li>
   	<li class="admintab"><a href="http://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.

7. moshu
   Member
   Posted 1 year ago #

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

8. paulkallol
   Member
   Posted 1 year ago #

   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.

9. moshu
   Member
   Posted 1 year ago #

   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).

Topic Closed

This topic has been closed to new replies.