Stop dates displaying and add menu background in Next Saturday theme

  • Author
    Posts
  • #1938972

    kerrylane
    Member

    Hello I have just changed to the Next Saturday theme and I would like to make some style changes to it.

    I would like to stop the dates of the blog posts displaying and I would also like to add a background onto the menu so it shows up over my background image.

    Any advice on how to do this in the CSS editor would be much appreciated.

    Warm wishes
    Kerry

    The blog I need help with is thrivingways.org.

    #1939071

    Hi Kerry, the following will remove the date from posts and then adjust the content width to recover that area.

    .entry-date-wrapper {
        display: none;
    }
    .entry-container {
        width: 580px;
        margin-left: 20px;
    }

    I see you have the menu yellow now with the following CSS.

    #access a {
        background-color: rgb(255, 255, 183);
        color: #789048;
    }

    You may wish to try the following instead, which will turn the entire menu area yellow and keep your menu font color change.

    #access a {
        color: #789048;
    }
    #access a {
        background-color: rgb(255, 255, 183);
        color: #789048;
    }

    You can give it a try and see what you think. Great background image, by the way.

    #1939119

    kerrylane
    Member

    That’s fantastic thesacredpath, thank you very much.

    Although the front page text does seem to fall off the side slightly now…

    Warm wishes
    Kerry

    #1939120

    kerrylane
    Member

    Sorted it!

    Is there a way of stopping the page title displaying on the front page without just removing the page title, which is what I have done at the moment, but a bit of a bodge!

    Cheers
    Kerry

    #1939135

    Is there a way of stopping the page title displaying on the front page without just removing the page title

    Let’s look at a page from the demo site for the Next Saturday theme as an example:
    http://nextsaturdaydemo.wordpress.com/html-elements/

    On that page, the page title is “HTML Elements”

    To hide all page titles on the Next Saturday theme using CSS, add this to your Appearance > Customize > CSS editor:

    .page .post-title {
    	display: none;
    }

    If you wanted to hide a page title on the home page instead of all pages, you could replace “page” with “home” like this:

    .home .post-title {
    	display: none;
    }

    You might also like:
    http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

    #1939143

    kerrylane
    Member

    That’s great, thank you very much for your help designsimply.

    #1939144

    Cheers :)

The topic ‘Stop dates displaying and add menu background in Next Saturday theme’ is closed to new replies.