Hi guys.
Whenever I add a rich text box on my site, it is far to narrow. Would anyone know, how I might make it the same width as the rest of the site?
It’s the first text box on this page
Thanks ![]()
Hi guys.
Whenever I add a rich text box on my site, it is far to narrow. Would anyone know, how I might make it the same width as the rest of the site?
It’s the first text box on this page
Thanks ![]()
@CompleteNovice Please send me store password.
.rich-text__blocks.left {
max-width: 100%;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
Thanks @oscprofessional . Looks good ![]()
It seems it needs some padding on computer and less padding on mobile. Do you know how I change that? ![]()
I’ve added two photos.
Mobile version which needs less padding.
Laptop version which needs padding.
Deleted comment
@media only screen and (max-width: 749px){
.section-template--15906671034576__1658224270b13033a2-padding, .section-template--15906671034576__165780908567624e2d-padding {
padding: 20px 0 0 0;
}
.multicolumn-card__info {
padding: 0;
}
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
Like This
Thank you @oscprofessional
Unfortunately it didn’t work, but I think its because I’m not being clear. Difficult in text and not my native language ![]()
I have added some photos to show what happens on laptop and on mobile. I have added a temporary margin guide, so it’s more clear, how wide the text is.
What I also noticed was, that with the new code, the width started having all sorts of padding, depending on screen sizes. I didn’t add photos of that though ![]()
Laptop:
Mobile:
Thanks for helping out @oscprofessional ![]()