Reducing percentage width of MetaSlider in WP

  • Resolved editor4alan

    (@editor4alan)


    3 years, 6 months ago

    Our slides look terrible at 100% width. In Chrome Inspector, when I change width to 50%, they look fine. I tried to use CSS with different classes and IDs to change to 50%, but none worked. Is there a way to reduce the slider width (not the slide dimensions)? Using MetaSlider 3.20.3. Thank you.

    • This topic was modified 3 years, 6 months ago by editor4alan.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,

    Thanks for reaching out to the MetaSlider support team.

    This is because there is a script that adds width: 100%; directly into the MetaSlider DOM. You can force your CSS to be prioritized by adding !important to your code. You might also want to add margin: 0 auto; to your CSS to make it center aligned. You can copy and paste the custom CSS code below to your website:

    #metaslider-id-6729 {
    width: 50% !important;
    margin: 0 auto;
    }

    Let us know if you need anything else.

    Thread Starter editor4alan

    (@editor4alan)

    Hi Arreane! It worked! Thanks very much for such a prompt, perfect reply! You made it look so easy.

    Hi,

    I’m happy that we could help you with your issue.

    Please don’t hesitate to open a ticket if you need any help. We are happy to help you.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reducing percentage width of MetaSlider in WP’ is closed to new replies.