[suggestedreads]

Hey there!

My site is located at https://suggestedreads.com
I’ve a few questions regarding the theme.

I’ve already tried to Customize the font size for mobile (particularly the main text size, which is a bit small). I don’t seem to be able to do this.

Could you provide me with the custom CSS code (and where to insert it) for me to make the font larger specifically on mobile?

Also, on both mobile and desktop, I am unable to change the front page’s font size for the main text. How can I go about doing this for both mobile / desktop?

One more thing I hope you can help me with – and that’s changing the font size for the tag line (just below the logo). Where can I go about changing this? :)

Thanks for your kind assistance!

[serkan]

Hi,
You can go to appearance > customize > blog > change the font size. What do you mean by main text.
Each section consists of different fonts. For example, h1, blog or single post. In the url you provided, I didn’t see any text, so I couldn’t intervene. But generally if you want a body font, you can use the following css code;

@media screen and (max-width: 767px) { html { font-size: 16px; } }

For the Second issue, you can go to appearance > general > fonts >
If you want to change the site description for desktop, you can use this custom css code.

@media screen and (min-width: 992px) {
.site-header .site-description {  font-size: 13px; } }

http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/
Thanks

[suggestedreads]

Hey there,
Thanks for the help!
What I meant was, when I change the Font size in the customiser for the Paragraph / body text, it does change – but only for desktop, but not mobile.

Is there a way to change the font size for MOBILE specifically? Does the code you gave me work?

[suggestedreads]

Also, when I change the Body Font Size, it does change for individual pages (e.g. posts / pages), but not on the main Home page.
For example, it might change for the body font in the post – but the post excerpts located at https://suggestedreads.com (home page) doesn’t change in size. How do I increase the font size for that?

[serkan]

Hi,
The custom css code which i gave you is suitable for mobile view. It is change the body font size.
This custom css code will work for the blog excerp area for mobile;

@media screen and (max-width: 767px) {
.blog-stream .entry-content, .blog-stream.blog-small .entry-content {
    font-size: 13px; } }

Pages entry content’s font size is coming from html size.
Thanks