Enlarge Next/Previous button arrow | XM Community
Skip to main content
Solved

Enlarge Next/Previous button arrow

  • October 31, 2018
  • 4 replies
  • 282 views

Forum|alt.badge.img+3
Hi all, is it possible to enlarge in size the Next/Previous button default?
Thanks in advance

Best answer by Anonymous

Hello @Simone_Salvano_Kantar ,

Paste the below code in advanced-> Add custom CSS

.Button{
width: 135px;
height: 135px;
}

.Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton {
font-size:75px;
}
Change the px as per your need
View original

4 replies

  • 0 replies
  • October 31, 2018

Forum|alt.badge.img+3
Thanks Shashi, but my question is about to enlarge the arrows in it. The custom css suggested is for enlarge the background...
Regards

NiC
QPN Level 5 ●●●●●
Forum|alt.badge.img+27
  • QPN Level 5 ●●●●●
  • 255 replies
  • October 31, 2018
Hi @Simone_Salvano_Kantar
You can add this in Look and Feel> Style > Custom CSS
#NextButton{
padding: 30px 20px !important;
}
#PreviousButton{
padding: 30px 20px !important;
}

you can change 30px or 20 px as per you want the height and width.

  • 0 replies
  • Answer
  • October 31, 2018
Hello @Simone_Salvano_Kantar ,

Paste the below code in advanced-> Add custom CSS

.Button{
width: 135px;
height: 135px;
}

.Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton {
font-size:75px;
}
Change the px as per your need

Leave a Reply