Changing Blog text size in mobile view

Hi

I use the code below so that the text in my no-header pages are a bit smaller in mobile view but I need my Blog page to be 100%. Can anyone let me know what code I need to use to effectively make my blog entries (in no-header versions) the exception to this rule?:

@Media(max-width: 992px) {
    body.no-header-page {
    font-size: 80% !important;
    }
}

I use Slick and I have looked through the code and there is no "blog-page" (and I have tried it anyway and it doesn't work) just #blogtable, .blog-content, .blog-post etc and I have tried all these too and the text remains the same - i.e. following the rule set above.

Can anyone help?

Thanks very much in advance 🙂


Rachel

765 Views
Message 1 of 3
Report
2 REPLIES 2

It's OK - I think I have fixed it....

762 Views
Message 4 of 3
Report
Square

Thanks for the update, @Re-Made!

752 Views
Message 4 of 3
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.