Venture theme - Move hero slider arrows.

Shopify Partner
20 0 0

I would like to move the hero arrows to each side like in the picture below and also move the the "explore" action button over to where the arrows started before I moved them.  Anyone able to help me with this code? Also if possible I would like to be able to change the color of the arrow backgrounds independantly of the action button . 

thank you 

0 Likes
New Member
4 0 0

 

In order to move the arrows in the shopify venture theme, you would need to edit a bit of code.

 

Click on : Online store > Action (next to the theme you would like to edit) > Edit code > Themes.scss

 

On line 4471: 

.hero__arrow--next {
border-left: 1px solid adaptive-color($color-hero-subtitle-bg, 5%);
}

 

Change to: 

.hero__arrow--next {
float:right;
}

 

Then on line 4419:

.hero__subtitle,
.hero__arrow {

 


display: inline; (edit red highlighted code to green highlighted code: ) display: inline-block;

}

 

Hope this helps.

 

Regards

KRaatz

0 Likes