• Resolved WordDug

    (@worddug)


    Hi

    This is likely to be a simple one. I am looking to increase the size of the responsive text when viewed on a mobile. I edited .entry in a child responsive.css theme but did not seem to affect it.

    Does anyone have any ideas?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi Dugs. The responsive.css file isn’t like a child theme style.css file. The child theme style.css file is enqueued automatically by WP, but the responsive.css file is enqueued by the theme in the parent theme functions.php file. The easiest solution, if you’re only going to make a couple of changes, is to just enter the media query in your child theme style.css file and use the !important rule in case the specific style is already in responsive.css (which is loaded after your style.css file). If you plan to make several media query modifications, instead of the above where you’d end up with several !important rules, you could copy that particular function out of the parent theme functions.php, put it in your child theme functions.php, and change it to look for responsive.css in your child theme. Hope that helps.

    Thread Starter WordDug

    (@worddug)

    Hi bdbrown

    Thanks for your help. Made the change within the child theme style.css file and got the text the correct size now.

    Thank you

    Thread Starter WordDug

    (@worddug)

    This is what was added to style

    @media only screen and (max-width: 719px){
    .entry {
    font-size: 18px!important;
    }
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive Mobile Text’ is closed to new replies.