Thank you once again Ismael. Now if I could get the preview image to vanish from the top of the blog component, i’d be in business.

Hey Ismael.

Still having the issue. Funny thing is – it is the 3rd image down in both galleries. Not sure why it would define a different height for a single image.

Thanks in advance
David

PHEW! I’m regenerating the images and its fixing the quality back! Heart attack diverted :)

That just totally destroyed every image on my site… crap. Didn’t quite understand all the settings and just did what you said without reading all the settings… its now made all my images terrible quality…

I dont know if I have a recent back up of my site either. Damn.

Yes I am.

Hey Ismael,

Yeah i’ve tried fixing it my self (by removing some image classes / overlay )

http://stackoverflow.com/questions/12980153/image-moves-on-hover-chrome-opacity-issue

I’ll try and figure it out and I’ll keep it posted here :)

http://www.entypo.com

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; 
}

Hey Ismael,

Thanks for the quick response!

I tried them already, but it’s not working. I would rather have it as an automatic function anyways so that I don’t have to edit all my images to be the same dimensions. (I want to use the “Perfect Grid”)

Any ideas?

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

Can I use media queries to load more or less images depending on size?

Thanks for responding :)

/homepage/home-v9-ip-home/

When you resize the page when the quote area has a 2 line quote the background image doesn’t stretch horizontally and vertically. The result is that the quote ends up popping out the bottom.

Quote section full width:

Quote section small width:

Do you see what I mean?

• This reply was modified 12 years, 3 months ago by Jagrav.

Hey guys – got the title bit sorted. Size is now regulated on desktop. Only issue remaining is, on mobile, a couple of the thumbs are not square as they should be ( Same issue we solved by using:

#top div .avia-gallery img {
max-height: 333px;
}

for desktop)

Lastly – how do we make sure that applies to those images on mobile as well?