Minion Theme: make a text box on a collection page

[Slice_agency]

I’ve added a tex box under the product grid on my collection pages and I want it to be wider. Where do I edit the code for this?

[suyash1]

@Slice_agency - this needs css, can you please share this page link?

[Slice_agency]

Here you go https://petbayaus.myshopify.com/collections/all

Password is otseaz

[suyash1]

@Slice_agency - please check if you have an option to make this text wide from settings for the section, it does not have unique class, so better if have default section

[Slice_agency]

Thanks for looking It gives me the option to select the width for the layout and the background. I have selected ‘wide’ and ‘fullwidth’ but it doesn’t make it wide enough.

[suyash1]

@Slice_agency - try this css, please add this css to the very end of base.css file

I think this section has same id on all the pages

@media screen and (min-width:750px){
#shopify-section-template--14378302898481__394b4fc9-ad0f-461b-82e9-c4da5af68107 .grid .col-6{max-width:100%;}
}

[Slice_agency]

Beautiful!! That worked, thank you so much

[PageFly-Richard]

Hi @Slice_agency

I’m Richard Nguyen - CRO Expert at PageFly, I’d like to suggest this idea:

Add this css at the bottom

Online Store ->Theme ->Edit code

Assets → base.css

.col-6 {

max-width: 100% !important;

}

Hope you find my answer helpful!

Regards,

Richard-pagefly

[Slice_agency]

Hi again, I also want my blogs to be wider. Is that a simple solution? Here is a blog: https://petbayaus.myshopify.com/blogs/news/why-do-dogs-like-squeaky-toys

[suyash1]

@Slice_agency - try this

@media screen and (min-width:750px){
article .grid .col-6{max-width: 100%;}
}

[Slice_agency]

Perfect! Thank you again