CSS customization for Vigilance theme

• 

  beeniebudsandco · Member · Aug 27, 2010 at 9:03 pm

  • Copy link
  • Add topic to favorites

  Hello,

  Could someone please, help me to ammend the css for the Vigilance theme, please.

  1. I need to take out the horizontal bar beneath the header image.
  2. Change the font colour of the menu/sub menu titles.
  3. Change the font colour of the page names.

  Thank you

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 27, 2010 at 9:46 pm

  • Copy link

  1. This gets rid of the border below the navigation tabs.

  #header {border-bottom:none; }

  2. This will change the “normal” nav tab state. It will not change the active or hover states for the tabs. Change the hex color code as desired.

  #nav li a {color:#333333; }

  3. This will change the colors of the page titles. Again, change the hex color code as desired.

  h1.pagetitle, h2.pagetitle {color:#000000;}

• 

  beeniebudsandco · Member · Aug 27, 2010 at 9:51 pm

  • Copy link

  Thank you very much for your rapid response thesacredpath, I will try it now.

• 

  thesacredpath · Member · Aug 27, 2010 at 10:22 pm

  • Copy link

  You are welcome.

  One other note for you going forward, at wordpress.COM, don’t paste the entire stylesheet into the CSS edit box. Simply put in the specific selectors and specific declarations that you are changing into the edit window. Your custom CSS is loaded after the original and any changes you make overwrite the declarations in the original. It also makes it much easier to keep track of what you have changed and what you have not.

• 

  beeniebudsandco · Member · Aug 27, 2010 at 10:32 pm

  • Copy link

  Hello,

  After clicking on Edit css, then clicking on “view original stylesheet”

  after doing this, the css seems to not be correct as in it does not show the tags stated above that needs changing.

  please help grrrrrrrrrrr!

• 

  thesacredpath · Member · Aug 27, 2010 at 10:34 pm

  • Copy link

  You aren’t actually changing the original CSS. You are adding new definitions that will override the original. Clear everything out of the CSS edit window and paste the following and make your color changes.

  #header {border-bottom:none; }
  
  #nav li a {color:#333333; }
  
  h1.pagetitle, h2.pagetitle {color:#000000;}

• 

  thesacredpath · Member · Aug 27, 2010 at 10:36 pm

  • Copy link

  Also on Vigilance, the CSS is done in a totally different way, so the “view original stylesheet” doesn’t actually show you the stylesheet (actually there are several for vigilance), it shows you the main CSS file which then calls the other CSS files needed.

• 

  beeniebudsandco · Member · Aug 27, 2010 at 10:40 pm

  • Copy link

  Thanks again thesacredpath your a star :0), keep up the good work!

• 

  thesacredpath · Member · Aug 27, 2010 at 10:42 pm

  • Copy link

  You’re welcome and thanks.