Changing font weight and capitalization on Home page

Support
#1

Hi. I’d like to change the font weight on the post date. The font is Poppins, which should allow me to set it to ‘extra light’ or 100.

I also want to change the sentence case to normal (not uppercase).

My website is juanajaafar.net

#2

Hello Jaafar,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS to change text case and font weight of date:

.x-recent-posts .x-recent-posts-date {
    font-weight: 100;
    text-transform: initial;
}

If you want to change the case of post title, please use following CSS:

.x-recent-posts .h-recent-posts {
    text-transform: initial;
}

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.

#3

Thanx very much!

#4

Glad we were able to help :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.