Remove color box behind image in collection description (Focal Theme)

Solved
Highlighted
Tourist
10 1 1

Hello,

 

I just figured out that I could put an image in my collection description that shows up at the top of the collection page. Great!

 

Issue #1 - there is an unsightly yellow box behind the image that I would like to remove.  It looks like it shows the amount of space available in the description box and the image doesn't fill the whole space.  Where can I find the setting to remove this fill color or change it to white; or is there a set dimension that the image needs to be to fill the space?

 

Issue #2 - as you scroll through the collection the image (and yellow box) repeats and once you get to the end of the collection the image continues to repeat indefinitely.  Is there a way to have the image show up at the top only?  I have infinite scrolling so I my customers don't have to advance to the next page where having the image repeat would make more sense.

 

Any help will be greatly appreciated.  Thanks.

 

https://www.needthattee.com/collections/school-spirit-couture

0 Likes
Highlighted

Hello,

@Ayanna_Card 

Email me on matt.charlies28@gmail.com

 

Thank you

Matt

Apps On Demand

Shopify Expert: https://experts.shopify.com/ultimate-apps
0 Likes
Highlighted
Tourist
10 1 1

This is an accepted solution.

Hello - thank you for responding with a service price quote.  I actually figured out the solve for both on my own after reading another post about removing an unwanted color box from behind a product.  When in "customize" mode, I selected "theme settings" and under "color" was able to change the description box to have no color.  Then under "sections" I selected "collection" and had to change pagination mode to "standard".

0 Likes