Slider in the center

Ask the Community Customization
1

How can I customize the slider so that it is in the center of my website? I reduced the width to 1080px maximum, but I wanted the slider to be in the center of the content. How can I make this adjustment?

Ps. It’s the second slider, the one with videos

Link to the page with the widget in question: https://www.drystore.com.br/loja/loja.php?loja=1205188&opencode_theme=66c4d244-fa4c-472f-8bd0-888cc0a803a1&2994=&utm_content=||undefined

2 Likes
3

Happy to see you on our forum! Welcome, @Caroline_Ghessi :wave:

Please try to add this code to the Custom CSS field on the Advanced tab of your widget’s settings and let me know if it worked:

#eapps-slider-77b29bac-5f5e-4301-a0b1-f072e7e6db83 { 
margin: 0 auto!important;
}
1 Like
4

Hi Max, I have a slider and I also want it to be centered in my webpage after I reduced the width. I tried the CSS custom field on the Advanced tab but does not work (I copied the code exactly as you suggested for @Caroline_Ghessi). If the code is specific for her app would you help me to create the one for mine. Thank you.

2 Likes
5

Hi there, @jfig14 :wave:

In this code, you should replace the ID of the Caroline’s widget with the ID of your own widget. Try it out and let me know if it worked :slightly_smiling_face:

If the issue still persists, please send me a link to the page where your widget is installed.

1 Like
6

Hi @Max, I tried it but it did not work.
This is the link:
https://leoscustomcontractors.com/lcc/index.html
Thank you.

2 Likes
7

Thank you!

I’ve forwarded your request to the devs and will update you tomorrow :slightly_smiling_face:

1 Like
8

Thank you so much !

2 Likes
9

Hi @jfig14 :wave:

We’ve adjusted the code and now the widget is centered on the page :slightly_smiling_face:

.global-styles,
#eapps-slider-77b29bac-5f5e-4301-a0b1-f072e7e6db83 { 
margin: 0 auto!important;
}
1 Like
10

Thank you so much !

2 Likes
11

You’re welcome :wink:

1 Like