That does it but the icons are no longer centered?

Hi,

I have this:

but would like even less spacing between the columns. If I try to reduce it
further it all shifts left?

Any ideas, it needs to be centered.

Thanks for your help

I got this page working with 5 code blocks:

Each code block has this:

<img src=”http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UVOpenOV.jpg&#8221;
onmouseover=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/07/UVOpen.jpg'&#8221;
onmouseout=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UVOpenOV.jpg'&#8221; height=”139px” width=”230px”/>

How do I reduce the gap between them? Not sure if I need to but would be nice to know.

Hi,

Thanks for this!

I must be messing up somewhere or not understanding correctly.

This is my test page: http://fclean.staging.wpengine.com/test-overs/ (hosted on WPengine)

I have added the class attribute:

<table class=”custom-table” width=”760″ border=”0″ cellspacing=”0″ cellpadding=”0″ align=”center”>
<tr>
<td align=”center”>
<img src=”http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open_over.jpg&#8221;
onmouseover=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open.jpg'&#8221;
onmouseout=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open_over.jpg'”/&gt;</td>
<td align=”center”>
<img src=”http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open_over.jpg&#8221;
onmouseover=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open.jpg'&#8221;
onmouseout=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open_over.jpg'”/&gt;</td>
<td align=”center”>
<img src=”http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open_over.jpg&#8221;
onmouseover=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open.jpg'&#8221;
onmouseout=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open_over.jpg'”/&gt;</td>
<td align=”center”>
<img src=”http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open_over.jpg&#8221;
onmouseover=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open.jpg'&#8221;
onmouseout=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open_over.jpg'”/&gt;</td>
<td align=”center”>
<img src=”http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open_over.jpg&#8221;
onmouseover=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open.jpg'&#8221;
onmouseout=”this.src=’http://fclean.staging.wpengine.com/wp-content/uploads/2017/09/UV_Open_over.jpg'”/&gt;</td>
</tr>
</table>

then added :

.custom-table .image-overlay {
display: none !important;
}

to the Quick CSS box.

It isn’t working for me! Can you let me know where I messed up please.

So if I back up the custom CSS & the functions.php I should be OK?

Thank you for the speedy response!!!

I have tried adding the CSS code to the QuckCSS box:

.image-overlay {
visibility: hidden;
}

and have emptied my cache, but no luck!

Also I cannot find an option to turn the “Linked Image Overlay” off under Advanced Styling? There is just an
option to change the colours?

I am trying to use the Envira Gallery plugin!

Thanks
Brian

OK, got a response from Envira which may help other ENVADA users:

.avia_transform .envira-gallery-wrap a .image-overlay { display: none !important; }

worked for me!!!

Brian

• This reply was modified 8 years, 8 months ago by brianwelsh.

Thank you Yigit, that works fine now!!!

Brian

P.S.

I have another question posted are you able to look at it?

Hi,
I have done all of this and the captions are still there. I must be doing something wrong!

If I get you the login details could you look please?

Thanks
Brian

Hi,

I get an error:

PHP Parse error: syntax error, unexpected ‘&’ in E:\Domains\a\agcce.eu.com-1068407097\user\htdocs\wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\gallery.php on line 224

Thanks
Brian

Thanks Elliott,

Can I have a coloured background to the elements?

Brian

Perfect Josue, just perfect!!

Ignore that last comment – pasted from the email again! I must stop doing that!!!

thanks again you are a star!!!

Thank you Yigit it worked perfectly!

Hi Josie, Thanks for this.

Pasted Elliot’s code from the forum reply and it worked fine! How do I make the text in the sidebar larger?

Thanks
Brian