Adding divider between sections on the home page - Theme Venture

Store Design
1

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
abc.PNG1195×810 130 KB

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 !

2

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 :

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

3

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

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 !

4

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

My Shopify Email: appboxio.com@gmail.com