Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #297210
    Dirk
    Participant

    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

    #297272
    Skandha
    Participant

    @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

    #297280
    Dirk
    Participant

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

    Greatful!!
    Dirk

    #297399
    Skandha
    Participant

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

    Kind Regards,
    Skandha

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Page font size and background colour widgets mobile’ is closed to new replies.