Blog Page Customizing

[bcoplin]

Hello,

I need help doing two things,

1. Increasing the blog title size on each post.
2. Adding date meta data only at the top of each post in a light gray color.

Thank you in advance for your help.

The site i am referring to is…
http://g2b.459.myftpupload.com

[Prasant]

Hello @bcoplin,

Thanks for asking.

Please add following CSS under Pro > Theme Options > CSS:

.single-post .entry-header {  /* change font size for title*/
    font-size: 2rem;
}

You can enable the meta information from Pro > Theme Options > Blog > Content and toggle Post meta. TO change the color, please add following CSS under Pro > Theme Options > CSS:

.p-meta {
    color: #ddd;
}

Feel free to change #ddd to whatever color code you like.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[bcoplin]

Thank you so much for the replay.

For the title I need it to be larger on both the single post page and the page that shows all the posts together.

For the Meta how do I make it only show the date, not the author or category, etc.

[friech]

Hi There,

@bcoplin

For the title I need it to be larger on both the single post page and the page that shows all the posts together.

Please update the given code to this:

.blog .entry-header,
.single-post .entry-header {  /* change font size for title*/
    font-size: 2rem;
}

@bcoplin

For the Meta how do I make it only show the date, not the author or category, etc.

Add this custom CSS as well.

.p-meta span, .p-meta>span:after {display: none;}
.p-meta span:nth-child(2n) {
	display: inline-block;
}

Hope it helps,
Cheers!