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: