Soledad Font Size and Style of Post Date and Author Name

PenciDesign replied

6 years ago

Staff Reply

Hi,

So, you mean you want to apply all the changes like on single post pages for posts on the homepage also?

If right, Please try add more this code to Customize > Custom CSS to do that:

.grid-post-box-meta span, .cat>a.penci-cat-name{ font-weight: bold; }
.grid-post-box-meta span a{ font-weight: normal; }
.grid-post-box-meta span time, .item-related span.date{ font-style: italic; }

Best Regards,

PenciDesign

Travelmelodies replied

6 years ago

Customer Reply

Worked perfectly!!! But, I just noticed that the posts (latest/popular/featured) on homepage still shows the old font styles...Do we need to change them with a separate CSS? If yes, please help us with that. Thank you.

Best Regards,

Anjali

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

.container-single .cat a.penci-cat-name {
    text-transform: uppercase;
    font-weight: bold;
}

Best Regards,

PenciDesign

Travelmelodies replied

6 years ago

Customer Reply

Wow! I never thought I'd be able to do it on my own :) All thanks to you. Appreciate your help. Also, Is there a way to make the categories above the posts (in mint color) bold?

Best Regards,

Anjali

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

.header-standard .author-post span {
    font-weight: bold;
}
.header-standard .author-post span a {
    font-weight: normal;
}

Best Regards,

PenciDesign

Travelmelodies replied

6 years ago

Customer Reply

Hi,

You have been a great help :) Last bit - We also want to make "Written By" look like "Published" and "Last Updated" - I mean in bold and grey color and author name in grey color as date color. Thank you so much!

Regards,

Anjali

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

.header-standard .author-post{ font-size: 16px; }

I see you've made it italic, so I just give you the code to change the font size.

Best Regards,

PenciDesign

Travelmelodies replied

6 years ago

Customer Reply

Hey, Thanks. We asked our site's developer to change the font and style. He did that. But, we still see that "written by author name" is still in small size and we want the date as well as author name in italic. What else can we add to the custom css?

Regards,

Anjali

PenciDesign replied

6 years ago

Staff Reply

Hi,

1/ I see you have a Custom CSS code already:

.grid-post-box-meta span, .grid-post-box-meta a, .post-box-meta-single a, .post-box-meta-single span, .post-box-meta-single span time {
    font-family: 'Lora', serif;
    font-size: 16px;
}

And you can change value 16 there to change font size for those meta.

2/ For display author name as italic, please try add more this code to Customize > Custom CSS:

.grid-post-box-meta span.author-italic a {
    font-style: italic;
}

Best Regards,

PenciDesign

Travelmelodies replied

6 years ago

Customer Reply

Our site is - https://travelmelodies.com

We'd like to change the font size and style (italic) for the author name at the top of posts.

Regards,

Anjali

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please show me your site URL and let me know where you want to change the font size for post date and author name. And I will help you.

Best Regards,

PenciDesign

Travelmelodies started the conversation

6 years ago

Conversation Start

I would like to change the size of the font of the post date and author name. How can I do that? Please help.