Would anyone know how to decrease the size of the 'Next' and 'Back' buttons? Thanks! | XM Community
Skip to main content
Solved

Would anyone know how to decrease the size of the 'Next' and 'Back' buttons? Thanks!

  • December 21, 2020
  • 2 replies
  • 316 views
K

image.png

Best answer by altatunc

It is going to be hidden within the CSS but you can override that with some custom CSS.
likely one of these to play with but i am not sure sure in your environment:
.Skin #Buttons{max-width:200px;margin:0 auto;padding:40px 0;margin-top:-15px;overflow:hidden}
.Skin #Buttons #NextButton,.Skin #Buttons #PreviousButton{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;font-size:10px;background:#319dab;width:100px;font-size:24px;font-weight:400;min-height:50px;padding:10px 20px}
@media (max-width:100px){
.Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton{width:25%}
}

    2 replies

    A
    Level 2 ●●
    Forum|alt.badge.img+8
    • altatunc
    • Level 2 ●●
    • Answer
    • December 21, 2020

    It is going to be hidden within the CSS but you can override that with some custom CSS.
    likely one of these to play with but i am not sure sure in your environment:
    .Skin #Buttons{max-width:200px;margin:0 auto;padding:40px 0;margin-top:-15px;overflow:hidden}
    .Skin #Buttons #NextButton,.Skin #Buttons #PreviousButton{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;font-size:10px;background:#319dab;width:100px;font-size:24px;font-weight:400;min-height:50px;padding:10px 20px}
    @media (max-width:100px){
    .Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton{width:25%}
    }

    K
    • khom
    • Author
    • December 21, 2020

    @altatunc THANK YOU SO MUCH!!! I used
    .Skin #Buttons #NextButton,.Skin #Buttons #PreviousButton{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;font-size:10px;background:#319dab;width:100px;font-size:24px;font-weight:400;min-height:50px;padding:10px 20px}
    and adjusted some numbers, all came out perfect!! 😊

    Terms & ConditionsAccessibility statement