Change text size WITHOUT changing header's text size (frontend text)

Store Design
1

i would like to resize the texts on pages (example: about us, become a dealer).

If I create the content via the admin area (“Pages”), that’s of course no problem.

However, as soon as I add sections (example: multiple columns, image with text) via the frontend under “Customize Theme”, I can hardly customize anything here. The texts are way too big. How can I make them smaller?

I already tried to change the “text size” in template adjustments but my problem is: the header’s text size does change also and I don’t want the menue text to be smaller also. Please help me :disappointed_face:

2

Plz share your store URL

3

www.sternentoelter.de

password: plaurt

4

No one can help?

5

What size you want for this paragraph

download (16).png
download (16).png1345×627 228 KB

6

I think around half of the actual size - maybe 12 pt or 14 pt

7

have you developed this page by your self or it is predesigned?

8

this is a predesigned theme (dawn)

9

You can try this code

this is for become a dealer page

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
#Slide-template--16115493011720__16584019189a42d800-2 > div > div > h3 > font > font ,#Slide-template--16115493011720__16584019189a42d800-3 > div > div > h3 > font > font,#Slide-template--16115493011720__16584019189a42d800-1 > div > div.multicolumn-card__info > h3 > font > font,#ImageWithText--template--16115493011720__1658401828ef259430 > h2 > font > font{
    font-size: 20px !important;
}
li > div > div > div > p > font > font ,#ImageWithText--template--16115493011720__1658401828ef259430 > div > p{
    font-size: 14px !important;
}
10

Ah great, I will try this!

Is the same code also for the pages “about us” and other ones suitable?

11

@Ahsan_ANC : Upper text looks great now! Could I change the font size of the blue box at the bottom too? (that one with the horse image)

And how can I also change the text sizes for “about us”, “Komm Vorbei”, “FAQ”, “Messen und Veranstaltungen” und “Jobs”? Would be very thankful for an answer!

12

plz paste this code at the bottom of base.css

main font {
    font-size: 14px !important;
}
h2 font, .h2 font {
    font-size: 18px !important;
}