|
DiverseAbilities
|
March 3, 2015 at 4:19 am
Hi,
The images on grid view are blurry and the text overlay is also unclear. Any ideas?
|
|
Dean
|
March 3, 2015 at 4:50 am
Hi,
The images being used are 80×80 px however, the Grid plugin uses 200×200 px, so it is expanding the images and causing blurring.
Even the image within the event is blurry because the theme is displaying a large image, but the natural image size is much smaller.
It might be worth checking your image sizes and using larger ones and also checking your media settings.
You may need to reload images or use a Regenerate thumbnails plugin, should you change any media settings.
The text is unclear because your theme adds its own overlay to the image when it’s a link.
You should be able to hide the themes overlay with this CSS and make the text white again:
.ee_grid_box.item span.overlay-type-extern {
display: none !important;
}
.ee_grid_box.item span b {
color: #fff;
}
That CSS can be added to your themes style.css, though in order to preserve the CSS through theme updates we recommend adding it to either: a child themes style.css, your themes CSS options if it has any, or a plugin such as My Custom CSS.
|
