Changing Image When Hovering Over Images

Hi Ismael,

Thanks for the reply. I’m a bit lost though. We are using the Enfold Child Theme. I go to Appearance > Customize is goes to a Preview screen. When I go to Appearance > Editor I don’t see the base.css file.

On a separate note, I saw the update to the Enfold Theme and I tried to run the automatic update. I got this error, I don’t see a custom.css anywhere. https://www.dropbox.com/s/oolfaujx4s86dqr/Screenshot%202014-01-20%2020.00.15.png

Here is my quick.css in the Child Theme. You can see I added the line at the bottom. When I hover over the image it shows the character code, in this case “E73C”, and not the icon. Thoughts? My preference is to not touch the main theme files to make upgrading easy.

/* Below added on 1/10/14 to make the main body text larger. Added by Ryan Schefke */
body, body p {
font-size: 17px;
}

.main_menu ul:first-child > li > a {
font-size: 18px !important;
}

.image-overlay .image-overlay-inside:before {
content:"\E73C"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; 
}

Hello,

Am I doing it right? I go to the link recommended above by Ismael, http://www.entypo.com/characters/. Then I use the character code under the image. For example, if I wanted to use the phone (image on very top left), then the code is U+1F4DE. I enter in “1F4DE” in the code entered into quick.css. My quick.css ends up looking like this:

/* Below added on 1/10/14 to make the main body text larger. Added by Ryan Schefke */
body, body p {
font-size: 17px;
}

.main_menu ul:first-child > li > a {
font-size: 18px !important;
}

.image-overlay .image-overlay-inside:before {
content:"\1F4DE"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; 
}

Again, when I hover over the image it just shows “1F4DE” and does not show the phone icon.