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
Hover content not showing up in Image Widget

Hover content not showing up in Image Widget

If you are having trouble seeing your hover content, it may be overridden by Weebly. Here is how you can prevent this from happending.

1) Click into “design” and into “edit html/css”
2) Click into “main_style.css” to open the css editing page
3) Here locate this code:

IMAGE WIDGET HOVER CONTENT FONT STYLING
/ ------------------------------------------ */
/* Change hover content title color and font size */
#wsite-content .hover-img figcaption h3 {
color: #ffffff;
font-size: 22px;
}

/* Change hover content paragraph color and font size */
#wsite-content .hover-img figcaption p {
color: #ffffff;
font-size: 16px;
}

3) Here ADD the code highlighted below:

IMAGE WIDGET HOVER CONTENT FONT STYLING
/ ------------------------------------------ */
/* Change hover content title color and font size */
#wsite-content .hover-img figcaption h3 {
color: #ffffff !important;
font-size: 22px;
}

/* Change hover content paragraph color and font size */
#wsite-content .hover-img figcaption p {
color: #ffffff !important;
font-size: 16px;
}

4) Save your change and re-publish your site

Tags: