What's your biggest current challenge? Have your say in Community Polls along the right column.

Help With Making Blog Text Wider & Image in Line

Help With Making Blog Text Wider & Image in Line

elliotmch1
Shopify Partner
15 0 0

Hi all,

 

I need some help with CSS on my blog post: https://tradewarehouse.co.uk/blogs/decking/what-is-capped-composite-decking

 

I would like to make the blog text content wider (as ti looks very narrow). On mobile it's all good, just desktop it doesn't look good. 

 

I would also like the featured image at the top of the blog to be in line with the blog content. At the moment, it's huge - as you can see from the screenshot below:

 

1.png

Reply 1 (1)

Moeed
Shopify Partner
6357 1721 2079

Hey @elliotmch1 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.article__inner {
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1730899274058.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral