Debut Theme colelction title change from simple to new box look

Solved
Highlighted
Tourist
11 0 1

Hello community.  Wish someone could help me on this.  I am currently using Debut theme.  How Do I change from:

 

This:  From left one to the right one.  For all of my collection images (5).  Its basically just the box look.  The image on the right is from a debut style, I just do not know how it was done.

 

OldOldNewNew

 

 

0 Likes
Highlighted

Hello sergio1vaz,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
11 0 1
Highlighted

Hello sergio1vaz,
Your site is Password Protected.
Please share your store Password.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
11 0 1
Sorry

Anahit
0 Likes
Highlighted

Hello @sergio1vaz 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.collection-grid-item .collection-grid-item__title.h3 {
	width: 50%;
	margin: 0 auto;
	background-color: #dbb492fc;
	left: 0;
	right: 0;
	padding: 5px;
}

Background color change as per your choice.

Hope this will work for you

Thanks....

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
11 0 1

Wow that worked like a charm.  Can I do the same for our Mr Parker Theme?  Just past the same?

 

You are awesome!!!

0 Likes
Highlighted
Tourist
11 0 1

 

 

www.emvymeboutique.com

 

password - Mary

0 Likes
Highlighted

This is an accepted solution.

Hello sergio1vaz,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->stylesheet.css.liquid

.index-section .staggered-image-wrapper.section-1540224799153 h2 {
    background-color: #dbb492fc;
    padding: 5px;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like