Changing the text width on the entire theme

[lisahiggins]

Hi everyone, I’ve asked a similar question before about changing the width of the text box in a specific section, and I wasn’t able to figure it out and the replies I got for code didn’t work.

I’m noticing on my entire page, the text box widths are simply too short. It doesn’t have to be exactly that wide like in my pic below, but at least that wide would be ideal. My theme is “studio” if that makes a difference. I was wondering if there was a place in the code I could go and change the width of ALL of them? Thanks for any insight.

https://www.westmichiganballoons.com/pages/photo-gallery

[naveens24]

@lisahiggins you can look after increasing the font size. Theme → Typography

[lisahiggins]

Thank you, it’s not the font size that needs to be adjusted though, I need the actual text box / field size to be increased so it’s full width like everything else, hope that makes sense.

[suyash1]

@lisahiggins - to change overall site, try this code, change numbers as per the need, add this css to the very end of your base.css file and check

.page-width{max-width: 100%;    padding-left: 20px;    padding-right: 20px;}

[PageFly-Victor]

Hi @lisahiggins .

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code and add this code on file base.css

.page-width{
max-width: 100%;    
padding-left: 25px !important;   
padding-right: 25px !important;
}

Hope this answer helps.

Best Regards,

PageFly

[lisahiggins]

Unfortunately, none of these options helped, but I appreciate your time! I’ll keep searching and if I find a solution I’ll comment it in here for anyone who may need it

[suyash1]

@lisahiggins - try this

.page-width{max-width: 100% !important;    padding-left: 20px;    padding-right: 20px;}

[Wish-It]

Hi @lisahiggins , try this CSS, it will increase width of all sections.

.page-width {
    max-width: unset;
}

[lisahiggins]

thank you for the code, I tried it and guess what.. it made everything wider EXCEPT THE TEXT??! What the heck is going on?? Any ideas??? This is so annoying, I’ve been searching for hours online and on here and nothing

[Wish-It]

If you only want to increase the text width, add this code

.rich-text__blocks, .collection-hero__description {
    max-width: unset;
}