How can I adjust the width of my blog articles?

Store Design
1

Hey,

I’m currently working on my store and adding blog articles. Some text get’s cut off on the left and right sides, that’s not favorable. Hopefully, there is an easy fix for this, my store is: https://theanimeplushies.com/. Password is 123.

Also if it isn’t too much of a problem, my header and footer links (home, collection, etc.) have another font than my usual website, it would be incredibly helpful if you guys know a fix to this. So that my usual site doesn’t get affected by the blog, in terms of the font.

Thanks in advance,

Thijs

2

Hello, ThijsV88

The header and footer links font, is probably something easy to fix, although I didn’t understand much of what font you want to change them into. About the blog, unfortunately, it seems that the styling from the blog is indeed very broken, I can explain you better through dm if you want, as it’s something very specific.

Regards

1 Like
3

Hey Uhrick,

Thanks for the quick reply. The thing I would like to change about the font is changing the font when I’m viewing the blog article to my usual font.

Normal Font

Font when viewing blog

Hope this clarifies the problem I had.

About the blog itself, this might help with how I made the blog article. It was made on another site (this is it: https://animeplushies.carrd.co/), then downloaded the HTML and posted it in my blog posts on Shopify, as code. No idea if this helps, but any solution would be greatly appreciated.

4

Hey, for the navigation, see if this helps:

Go to online store > themes > click on the button ‘Actions’ on your theme > edit code

At the end of base.css, add this:

.header__menu-item span {
    font-family: 'Assistant';
    font-size: 14px
}

As for the blog, I suggest adding content by content (text, images, text), instead of adding html directly, so that it doesn’t break. The layout will be a bit different, but it won’t be broken. If you want to make it look it exactly like in the current reference, then, yes, you’ll probably need a developer

1 Like
5

Thank you so much Uhrick, the font has been completely fixed! I’ll definitely take your advice into consideration about the article itself. Would you be able to send the code for the footer aswell?

Cheers!

6

No problem. Feel free to ask if more help is needed. If possible to mark the answer as solution, I’ll appreciate it

Cheers

1 Like
7

Would you be able to give the code for the footer as well? Cheers again and thanks for the assistance.

Greetings,

Thijs

8 
.footer-block__heading {
   font-size: 18px;
   font-family: 'Assistant';
}

.footer-block__details-content .list-menu__item--link {
   font-size: 14px;
   font-family: 'Assistant';
}

sorry, I completely missed that you said footer too hhaha. Add this below where you added the other code, see if it works

1 Like