Create divider between featured collections in Express Theme

ashleyautrey123
Tourist
3 0 1

I recently changed my store to the Express theme and added 2 collections in the featured collection template.  I need to be able to show a tab or divider between the featured collections for easier recognition of the 2 different product sets. Would also like to have the show options automatically expanded with buy option enabled. 

 

https://vistape.myshopify.com/

 

Current: 

ashleyautrey123_0-1614627698071.png

 

 Expectation: 

ashleyautrey123_1-1614628024031.png

 

KetanKumar
Shopify Partner
16065 1769 5933

@ashleyautrey123 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

sorry your store is password protect can you please share us 
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
ashleyautrey123
Tourist
3 0 1

Sure- password is Milliken1!

0 Likes
KetanKumar
Shopify Partner
16065 1769 5933

@ashleyautrey123 

Thanks for details 

this is a possible CSS code if need more look can be sent personal message first try this 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.min.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.featured-collections__tablist li:first-child {
    background: #f9dbcb;
    border-radius: 10px;
}
.featured-collections__tablist li:nth-child(2) {
    background: #81d4fa;
    border-radius: 10px;
    margin-left: 16px;
}

 

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
ashleyautrey123
Tourist
3 0 1

I added this code and it did not create the divider or container

0 Likes
KetanKumar
Shopify Partner
16065 1769 5933

@ashleyautrey123 

yes is possible to advance HTML code if you need this so please personal message 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes