Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

change 'prev' and 'next' button color

  • ming123ABC
  • ming123ABC's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
5 years 11 months ago #166562 by ming123ABC
change 'prev' and 'next' button color was created by ming123ABC
Hi everyone~

I want to 'prev' and 'next' button color in fruit template

My limesurvey version is 3.4.0+180219

what should i do?

Attachments:
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 11 months ago #166564 by Joffm
Replied by Joffm on topic change 'prev' and 'next' button color
Hi,
always the best thing is to check the affected classes by an web development tool. This is included in each web bowser.

You find this for the "Previous"-Button: class="ls-move-btn ls-move-previous-btn btn btn-lg btn-default".
The only class which only addresses this button is: "ls-move-previous-btn"

So you can use it to change the appearance of the button.
In your custom.css add:

.ls-move-previous-btn {
background-color:[your_desired_color] !Important;
color:[your_desired_textcolor] !Important;
border:[your_desired_borderstyle] !Important;
...
}

Th same for ".ls-move-next-btn"


Regards
Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: f_funke
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose