appearance of headers / gray lines

• 

  aristonfood · Member · Nov 9, 2013 at 11:04 am

  • Copy link
  • Add topic to favorites

  1. I have managed not to display the header in “About” and in “Contact” which are pages by using this: h2.title { display: none; }
  but it also disappears the title of my posts in “News” page non portfolio items
  how can I keep the post title there ?
  2. How can I erase the gray lines above featured posts and footer in my homepage ?

  regards,

  Yannis Karikas

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

• 

  justpi · Member · Nov 9, 2013 at 12:40 pm

  • Copy link

  1. To remove the heading from those two pages only, use this:

  .page-id-918 h2.title, page-id-920 h2.title {
  display: none;
  }

  2. To remove the grey lines, add this:

  .page-template-homepage-php section.main-content, footer[role="contentinfo"] {
  border: 0 none;
  }

• 

  aristonfood · Member · Nov 9, 2013 at 2:12 pm

  • Copy link

  It works thank you !

  3. I d like to adjust the font color and style of the post s title – displayed on News page
  in this case the title “Olive Oil-buy fresh keep it fresh”
  could you help me on this ?

  regards,

  Yannis Karikas

• 

  aristonfood · Member · Nov 9, 2013 at 2:14 pm

  • Copy link

  …. and if possible also the date of the post

• 

  justpi · Member · Nov 9, 2013 at 9:03 pm

  • Copy link

  You’re welcome.
  Same color for title and date, or two different colors?
  And “adjust the style” how? Larger? Italics? Other?

• 

  aristonfood · Member · Nov 11, 2013 at 9:36 pm

  • Copy link

  I prefer same color for title and date
  Italics, bold and the size like heading 4

  4. I just noticed that in one of my portfolio pages, the olive oil page ,when clicking on a post a Related header appears showing 3 related posts
  how did this happen and how can I manage not to display such a thing

  thank you in advance,

  Yannis Karikas

• 

  justpi · Member · Nov 12, 2013 at 12:38 am

  • Copy link

  3. Add this:

  .has-post-meta a, header .post-meta, header .post-meta a {
  color: #456789;
  font-style: italic;
  font-weight: bold;
  }
  .has-post-meta {
  font-size: 100%;
  }
  header .post-meta {
  font-size: 100%;
  }

  Replace 456789 with the hex for the color you prefer, and increase the percentages.

  4. That’s a new feature WP is testing. You should be able to disable it in Settings > Reading.

• 

  aristonfood · Member · Nov 12, 2013 at 7:26 pm

  • Copy link

  3 + 4. ok it works thank you

  5. when pointing on a main menu item “olive oil” for example I d like a different color to be displayed (highlighting the item) instead of the default green color
  is it possible ?

• 

  justpi · Member · Nov 12, 2013 at 7:52 pm

  • Copy link

  Try this (and replace 456789 with the hex for the color you prefer):

  .menu-item a:hover {
  color: #456789;
  }

• 

  aristonfood · Member · Nov 12, 2013 at 8:01 pm

  • Copy link

  it doesn t work :(

• 

  aristonfood · Member · Nov 12, 2013 at 8:06 pm

  • Copy link

  if the change of color of each menu item when pointing is not possible I could consider to be underlined …

• 

  justpi · Member · Nov 12, 2013 at 8:18 pm

  • Copy link

  If it didn’t work, try it this way:

  .menu-item a:hover {
  color: #456789 !important;
  }

• 

  aristonfood · Member · Nov 12, 2013 at 9:26 pm

  • Copy link

  ok thank you again !