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
I can't change the font styling in carousel widget?

I can’t change the font styling in carousel widget?

Weebly sometime can override widget styling. Here is how you can prevent that:

1) Follow the tutorial to edit the carousel css code to change the font styling.

2) Here is how the code look like:

/*---------------------------------------
DIVTAG CAROUSEL WIDGET
---------------------------------------*/
/* Edit Link Color */
.dtc-info a:link h3{
color: ;
}

/* Edit Link Hover Color */
.dtc-info a:hover h3{
color: ;
}

/* Edit Title Properties */
.dtc-slide h3{
color: ;
font-size: ;
}

/* Edit Title Properties */
.dtc-slide p{
color: ;
font-size: ;
}

3) At the BACK of each code add !important

The code will end up looking like this:

/*---------------------------------------
DIVTAG CAROUSEL WIDGET
---------------------------------------*/
/* Edit Link Color */
.dtc-info a:link h3{
color: !important;
}

/* Edit Link Hover Color */
.dtc-info a:hover h3{
color: !important;
}

/* Edit Title Properties */
.dtc-slide h3{
color: !important;
font-size: !important;
}

/* Edit Title Properties */
.dtc-slide p{
color: !important;
font-size: !important;
}

4) Place your font color or font size styling IN FRONT of !important like this:

/*---------------------------------------
DIVTAG CAROUSEL WIDGET
---------------------------------------*/
/* Edit Link Color */
.dtc-info a:link h3{
color: #000000 !important;
}

/* Edit Link Hover Color */
.dtc-info a:hover h3{
color: #000000 !important;
}

/* Edit Title Properties */
.dtc-slide h3{
color: #000000 !important;
font-size: 14px !important;
}

/* Edit Title Properties */
.dtc-slide p{
color: #000000 !important;
font-size: 14px !important;
}

4) Save your change and re-publish the site

Tags: