Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2532125
Soledad Font Size and Style of Post Date and Author Name
Closed

Comments

  • Travelmelodies started the conversation
    September 8, 2020 at 8:02am

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

  •  2,699
    PenciDesign replied
    September 8, 2020 at 4:50pm

    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 replied
    September 29, 2020 at 4:23am

    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

  •  2,699
    PenciDesign replied
    September 29, 2020 at 4:28am

    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
    September 29, 2020 at 4:34am

    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

  •  2,699
    PenciDesign replied
    September 29, 2020 at 1:15pm

    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
    September 29, 2020 at 4:51pm

    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

  •  2,699
    PenciDesign replied
    September 30, 2020 at 2:56am

    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
    September 30, 2020 at 5:23am

    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

  •  2,699
    PenciDesign replied
    September 30, 2020 at 7:25am

    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
    September 30, 2020 at 7:44am

    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

  •  2,699
    PenciDesign replied
    September 30, 2020 at 7:48am

    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