Docs

[adriangregory]

Hello

My test site is at http://www.portsmouthmusicacademy.co.uk/cms.

I’m trying to customise the post index page and the individual post pages. Please could you help with the following things:

1. On both the post page and the post index page I want just the date to show under the title and no other meta data.

2. I would also like to remove the calendar icon where the date is shown

3. I would like to increase the font size of the date

4. How do I add a background pattern to the post index and post pages?

5. The top section of the post page is chopped off.

Many thanks for your help.

[Prasant Rai]

Hello There,

Thanks for writing in!

1) You can add this under Custom > CSS in the Customizer to hide post meta other then post date:

.p-meta>span:nth-child(1), .p-meta>span:nth-child(3), .p-meta>span:nth-child(4)
{ display: none}

2) You can add this under Custom > CSS in the Customizer to hide calender icon:

i.x-icon-calendar {
    display: none;
}

3) You can add this under Custom > CSS in the Customizer to increase font size of date:

p.p-meta time.entry-date {
    font-size: 13px;
}

4) Can you please elaborate?

5) You can add this under Custom > CSS in the Customizer:

h1.h-landmark {
    padding-top: 140px;
}

Thanks.

[adriangregory]

Hi

Thank you, that’s really helped. Just a few tweaks needed:

1. Where the date is shown under the post title, there is still the ‘/’ slash. How can I remove this?

2. The top of each post is still chopped off.

3. Re the page background – I just want to have a patterned grey background like I’ve got on some other pages on the site and like on the Integrity demo post index and post pages. For my other pages I’ve simply added the background in Cornerstone but I don’t know where to add it for the post index and individual post pages.

Thanks for your help.

[Rue Nel]

Hello There,

Thanks for updating in!

#1] To remove the slash in the post meta, you can make use of this code:

.p-meta>span:after {
    display: none;
}

#2] That is because of the conflict of your custom css. To resolve this, please make use of this ocde:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    min-height: 136px;
}

#3] You can add the background pattern in the customizer. Please go to Appearance > Customize > Layout & Design > Background Options.

Hope this helps.

[adriangregory]

Thanks that’s all worked great.

[Paul R]

You’re welcome! 🙂

[Author]

Posts