Solved

Venture Theme - Move slideshow arrows to the sides (right and left)

Mikei94
Explorer
53 3 19

Hello everyone!

 

I would like to change the Venture theme's arrows from the bottom (bottom left, near the title) to the right and left sides.

As well as, most likely, increase their size.

 

Does anyone know how to do this?

Thank you for your time and attention.

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @Mikei94 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

@media only screen and (min-width: 1124px){
.template-index img.hero__image{
        position: relative;
}
.template-index ul.hero-content-navigation{
    position: absolute;
    top: -177px;
}
.template-index li.hero-content__controls-item--arrow:nth-child(1){
    position: absolute;
    left: 139%;
}
.template-index li.hero-content__controls-item--arrow:nth-child(2){
     position: absolute;
      margin-left: 1100px !important;
}
}

 

 

View solution in original post

Replies 8 (8)

ZestardTech
Shopify Expert
5393 970 1299

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 570 1422

hello @Mikei94 

Please share your store URL and please share the screenshot. So that I will check and let you know the exact solution here.

Mikei94
Explorer
53 3 19

Hi guys!

 

My website is "gamer-tech.com".

I have sent you both (@ & @) the password by PM.

 

Thank you very much for your assistance!

Mikei94
Explorer
53 3 19

And here is a Screenshot:

Screenshot.png

I would like the arrows to be on the sides, instead of where they are.

Also, If it is possible to put them on the sides with a different format instead of a box (and small arrow inside), it would be perfect. But that's too much work right?

Thanks a lot!

Mikei94
Explorer
53 3 19

Hi guys!

 

Any idea as to what can be done here?

 

Best regards,
Miguel

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @Mikei94 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

@media only screen and (min-width: 1124px){
.template-index img.hero__image{
        position: relative;
}
.template-index ul.hero-content-navigation{
    position: absolute;
    top: -177px;
}
.template-index li.hero-content__controls-item--arrow:nth-child(1){
    position: absolute;
    left: 139%;
}
.template-index li.hero-content__controls-item--arrow:nth-child(2){
     position: absolute;
      margin-left: 1100px !important;
}
}

 

 

Mikei94
Explorer
53 3 19

Hello @Kinjaldavra 

 

This has worked in perfection.

 

I thank you very much, you were very kind!

 

Best regards,
Miguel

Mikei94
Explorer
53 3 19

Hello @Kinjaldavra 

 

I have an issue, nonetheless.

 

This works only for Desktop, not mobile.

 

Can you please explain how to edit this on mobile as well?

 

(This still appears on the same place in the theme editor as well)

 

Thanks a lot!