[Dirk]

Hi Catch Themes,

I have two questions:

1. Can I change the font size and density of the page titles: example: https://voorbeeld.ovh/contact/ I would like to have the size of the word “Contact” smaller and not bold. Same for other pages on website.

2. I found the css for the background colour of the widgets. This code
.widget {background-color: #3291B4;color: #000000;} only works for non mobile.

Is there a css code that same widget colour also shows on mobile devices?

Thank you so much,
Dirk

[Skandha]

@italianfox: Hello Dirk,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To change the font size and font weight of the Page titles */
.custom-header-content .entry-title {
font-weight: unset;
font-size: 30px;
}

You seem to have added the CSS Code .widget {background-color: #3291B4;color: #000000;} inside @media screen and (min-width: 1320px) so it is only working for width above 1320px. To make it work for all widths you will need to Cut and paste the CSS outside of the @media screen.

Let me know if this works out!
Kind Regards,
Skandha

[Dirk]

Thank you very much again Skandha, your instructions made my day, work like a charm.

Greatful!!
Dirk

[Skandha]

@italianfox: Glad I could help you out. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts