1. Gazette
  2. Monday, 24 June 2019
Hi There

How can I increase the font size of the mobile version of Gazette? I want it to increase on the global site.

Thanks
Accepted Answer
Oh, It was just example code, I thought that you know CSS better.
Use this instead


@media (max-width: 580px) {
#sp-component p,
#sp-component li,
#sp-component span,
#sp-component .sppb-addon-content,
.article-details .article-details-wrapper {font-size: 17px; }

#sp-component .article-info span {font-size: 12px; }
}




article-info
  1. more than a month ago
  2. Gazette
  3. # Permalink
Responses (6)
Hi,
it requests using custom CSS,
1) What HTML tags you want to increase: p, h1, h2, li, or whole content inside the component area?

2) What is your default font size? and what size you want to use?
  1. more than a month ago
  2. Gazette
  3. # 1
Example CSS code:

@media (max-width: 580px) {
#sp-component p,
#sp-component li,
#sp-component span,
#sp-component .sppb-addon-content,
.article-details .article-details-wrapper {font-size: 20px; }
}
  1. more than a month ago
  2. Gazette
  3. # 2
Hi,
it requests using custom CSS,
1) What HTML tags you want to increase: p, h1, h2, li, or whole content inside the component area?

2) What is your default font size? and what size you want to use?
I use the pagebuilder inside the article https://conservationmag.com/en/places-page/rescued-flamingos-at-montecasino-bird-gardens-return-home the headings look ok but the text is very small - I only need it to change in mobile - on computer it is fine
  1. more than a month ago
  2. Gazette
  3. # 3
Example CSS code:

@media (max-width: 580px) {
#sp-component p,
#sp-component li,
#sp-component span,
#sp-component .sppb-addon-content,
.article-details .article-details-wrapper {font-size: 20px; }
}


This seems to work but it increased the size of the author name, last updated and hits which do not look good
  1. more than a month ago
  2. Gazette
  3. # 4
Oh, It was just example code, I thought that you know CSS better.
Use this instead


@media (max-width: 580px) {
#sp-component p,
#sp-component li,
#sp-component span,
#sp-component .sppb-addon-content,
.article-details .article-details-wrapper {font-size: 17px; }

#sp-component .article-info span {font-size: 12px; }
}




article-info
No don't know it at all thanks that works perfectly
  1. more than a month ago
  2. Gazette
  3. # 5


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.