appearance of headers / gray lines

  • Author
    Posts
  • #1517979

    aristonfood
    Member

    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 aristonfood.com.

    #1518023

    justpi
    Member

    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;
    }

    #1518025

    aristonfood
    Member

    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

    #1518027

    aristonfood
    Member

    …. and if possible also the date of the post

    #1518047

    justpi
    Member

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

    #1518094

    aristonfood
    Member

    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

    #1518098

    justpi
    Member

    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.

    #1518105

    aristonfood
    Member

    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 ?

    #1518106

    justpi
    Member

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

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

    #1518107

    aristonfood
    Member

    it doesn t work :(

    #1518108

    aristonfood
    Member

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

    #1518109

    justpi
    Member

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

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

    #1518110

    aristonfood
    Member

    ok thank you again !

The topic ‘appearance of headers / gray lines’ is closed to new replies.