Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
How to change accordion widget plus sign color

How to change accordion widget plus sign color

You can change the color of the plus sign in the accordion widget and this tutorial will show you how.

1)Click here to open your Weebly Editor

2) Click into “design” then into “edit html/css”

3) Click on “main_style.css” to open the css editing page

4) In the css editing page locate this code:

ul.accordion li a i {
position: absolute;
font-size: 18px;
color: #41aaa6;
top: 50%;
margin-top: -9px;
right: 17px;
}

5) To change the color simply replace the hex color code highlighted above

For example, if we want to change the color to BLACK (#000000), here is how the code will look like:

ul.accordion li a i {
position: absolute;
font-size: 18px;
color: #000000;
top: 50%;
margin-top: -9px;
right: 17px;
}

6)Save your change and re-publish the site

Tags: , ,