Adding divider between sections on the home page - Theme Venture

Highlighted
New Member
2 0 0

Hi,

I would like to add one of these dividers https://codepen.io/Oddgson/pen/VPrYbv between the sections of my home page.

I'm using the Venture theme :

abc.PNG

For example, for the last dividers, the code is

.div-dot:after
{
content: "";
position: absolute;
z-index: 1;
top: -9px;
left: calc(50% - 9px);
width: 18px;
height: 18px;
background-color: goldenrod;
border: 1px solid rgb(48,49,51);
border-radius: 50%;
box-shadow: inset 0 0 0 2px white,
0 0 0 4px white;
}

Where do I have to put these code lines in my shopify shop codes ?

Thank you !

0 Likes
Highlighted
New Member
5 0 0

Hi @Hoasoor ,

From example: https://codepen.io/Oddgson/pen/VPrYbv

Step 1. You need to copy CSS and add it into your active theme style.css or stye.css.liquid, that's for style divider.

Step 2. Choose divider from example eg : <div class="divider div-transparent div-arrow-down">

and add it between two sections into an active theme or where ever you want to add a divider.

 

Thanks
Rajat Kumar

Gmail / Skype: appboxio.com@gmail.com

 

Want to modify or custom changes on store hire me.
My Email: appboxio.com@gmail.com
Skype: live:.cid.56f9a7ca18295a76
If helpful then please Like and Accept Solution.

Buy me a bear Donate
0 Likes
Highlighted
New Member
2 0 0

Hi @Rajat-Appboxio ,

Thank you for your help.

I have copy and paste all the CSS code in the Assets/theme.scss.liquid code.

I'm trying to add the divider <div class="divider div-transparent div-arrow-down"> between two sections but I do not know what is the code file for the active theme ? Can you help me on that please ?

Thanks a lot !

0 Likes
Highlighted
New Member
5 0 0

Sure @Hoasoor I will help, But you need to provide me or add me into your store.

My Shopify Email: appboxio.com@gmail.com

Want to modify or custom changes on store hire me.
My Email: appboxio.com@gmail.com
Skype: live:.cid.56f9a7ca18295a76
If helpful then please Like and Accept Solution.

Buy me a bear Donate
0 Likes