1. Ensure
  2. Tuesday, 11 August 2020
Hello Support,

Please can you help me with the css code to change the "Let Us Improve" and "buttons" colors including the hover colors in the following survey link:

https://www.tis.edu.sa/support/feedback/let-us-improve

Note: I have sent this request to the extension developer but it didn't work.
----------------------------------------------

Hi Ahmad,

The colors are rendered by your template bootstrap css file. Please check your template documentation to customize them.

https://www.tis.edu.sa/templates/ensure/css/bootstrap.min.css

If you want to change them manually, you can inspect the elements and apply the css. For example, to customize the button color, use below css

.btn-primary {background-color:
#007bff; border-color: #007bff}

------------------------------------------------

Thanks in advance.
Regards, Ahmad
Accepted Answer
Hi,
Use this custom css

.survey-title a{
color:#1c9eda;
}
.survey-title a:hover{
color:#d66198 !important;
}
.btn-primary {
color: #fff;
background-color: #f970da;
border-color: #ca5cb8;
}


Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks
  1. more than a month ago
  2. Ensure
  3. # Permalink
Responses (1)


There are replies in this post but you are not allowed to view the replies from this post.


This forum is archived

This forum has been archived. Please use JoomShaper official support system.