custom css

• 

  ggreen92 · Member · Aug 8, 2013 at 12:32 pm

  • Copy link
  • Add topic to favorites

  hello there are 2 things I need help with the custom css upgrade

  Hiding post and page titles on my blog

  Menu tiles upon hover change from black to red

  thanks

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

• 

  ggreen92 · Member · Aug 8, 2013 at 12:56 pm

  • Copy link

  Apologise I also need to left align the menu I am using the duet theme by the way.

• 

  thesacredpath · Member · Aug 8, 2013 at 4:44 pm

  • Copy link

  Howdy, I believe the following is what you want. Add the CSS to your Custom CSS at Appearance > Custom Design > CSS tab. Delete the informational text and paste whichever of the following you need.

  This will hide the titles on pages (such as Spirit):

  .title {
  display: none;
  }

  This will hide the titles on posts:

  .post-title h1 {
  display: none;
  }

  Menu title hover – edit the color code as desired:

  nav[role="navigation"] li a:hover {
  color: #CC0000 !important;
  }

  Left align the menu:

  nav[role="navigation"] {
      text-align: left;
  }

• 

  ggreen92 · Member · Aug 9, 2013 at 8:30 am

  • Copy link

  Wow you are wonderful!! Thank you so much it worked lovely :)
  I have two more questions ( sorry..)

  1.On my blog home page..two column posts how do I get rid of the faint grey dashed horizontal lines.. ( not the vertical two column separator line.. ) thanks!

  2.where i added the four titles with images below there is a large white space between the bottom and where it says skyscraper heights 2013 how do I make it a smaller space?

  I think that’s it thank you!

• 

  ggreen92 · Member · Aug 9, 2013 at 7:00 pm

  • Copy link

  Thank you so much! , I have managed to left align the text now, its the two other new questions above I need help with sorry to be a pain..

• 

  thesacredpath · Member · Aug 10, 2013 at 6:12 am

  • Copy link

  @ggreen92, glad to help.

  1. This will get rid of the horizontal borders above and below the two-column images on the main page.

  .home .classic-caption p {
  border: none;
  }

  2. This will get rid of the whitespace below the last row of images.

  .home #comments-wrapper, .home #jp-post-flair {
  display: none;
  }

• 

  ggreen92 · Member · Aug 10, 2013 at 11:08 am

  • Copy link

  WOW! Thank you again so much …