How to adjust a Text size in a section

Solved

How to adjust a Text size in a section

NikosBat
Trailblazer
406 1 75

Hello guys, how can I adjust the size of this text?

 

50000000000.png

Accepted Solution (1)
CafeDelMar
Shopify Partner
163 36 45

This is an accepted solution.

@NikosBat, let's try the following:

  • Navigate to Online Store > Three dots > Edit code
  • Find the base.css file
  • Paste the code below right at the bottom of the file
  • Save and hard-refresh the storefront
section.shopify-section slider-component.slider-mobile-gutter .inline-richtext {
    font-size: 50px !important;
}

 

Just make sure to adjust the 50px value in the code above. It might be too big.

 

If applied properly, the result should be:

Screenshot_3.png

 

➡➡   Easy Embed Code   ⬅⬅ add CSS/JS/Liquid codes to any page of your store



Speed Booster App - Improve your store speed in 3 clicks
- Was your question answered? Mark it as an Accepted Solution

View solution in original post

Replies 7 (7)

CafeDelMar
Shopify Partner
163 36 45

Hi @NikosBat. Could you share the page URL? If it's password-protected, the password would be needed as well.

➡➡   Easy Embed Code   ⬅⬅ add CSS/JS/Liquid codes to any page of your store



Speed Booster App - Improve your store speed in 3 clicks
- Was your question answered? Mark it as an Accepted Solution
NikosBat
Trailblazer
406 1 75
CafeDelMar
Shopify Partner
163 36 45

This is an accepted solution.

@NikosBat, let's try the following:

  • Navigate to Online Store > Three dots > Edit code
  • Find the base.css file
  • Paste the code below right at the bottom of the file
  • Save and hard-refresh the storefront
section.shopify-section slider-component.slider-mobile-gutter .inline-richtext {
    font-size: 50px !important;
}

 

Just make sure to adjust the 50px value in the code above. It might be too big.

 

If applied properly, the result should be:

Screenshot_3.png

 

➡➡   Easy Embed Code   ⬅⬅ add CSS/JS/Liquid codes to any page of your store



Speed Booster App - Improve your store speed in 3 clicks
- Was your question answered? Mark it as an Accepted Solution
NikosBat
Trailblazer
406 1 75

Hello CafeDelMar, i already did that but it does not change something in my product page 😕

CafeDelMar
Shopify Partner
163 36 45

@NikosBat, your base.css doesn't have the ruleset currently.

 

https://www.nistore.de/cdn/shop/t/6/assets/base.css?v=71769310377499289091742997929

 

➡➡   Easy Embed Code   ⬅⬅ add CSS/JS/Liquid codes to any page of your store



Speed Booster App - Improve your store speed in 3 clicks
- Was your question answered? Mark it as an Accepted Solution
NikosBat
Trailblazer
406 1 75

Hello CafeDelMar, it worked now thank you!

CafeDelMar
Shopify Partner
163 36 45

Anytime, @NikosBat. Glad I could help!

➡➡   Easy Embed Code   ⬅⬅ add CSS/JS/Liquid codes to any page of your store



Speed Booster App - Improve your store speed in 3 clicks
- Was your question answered? Mark it as an Accepted Solution