Docs

[asiitan]

Hi Rad!

Many thanks! Just added “!important” and it works with IE very well. Can’t check with Safari at the moment.

Great theme – great team you have!

Best,
Andres

[Rahul]

You are most welcome, Andres!

[asiitan]

Hi!
One more annoying detail I can’t get rid of:
http://test.asartists.com/theatrum_1/galerii/

On hover it shows img “title”, which is actually also the name of the album it opens. The built-in function that shows the alt-text doubles it. I can’t find the way how to eliminate it.
Could you help?

And very strangely – if I use a CSS for the x-img “text-alignment:center”, it works for the first thumb, but does not work for the rest.
Any ideas?

Andres

[Jade]

Hi Andres,

Please try to add this code in the JS customizer:

jQuery('a["title"]').on('mouseenter', function(e){
    e.preventDefault();
});

Then add this code in the custom CSS:

#post-241 .x-img:after {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0;
}

Hope this helps.

[asiitan]

Hi!
Centering works well, but it still shows this small tag with “title”.
Andres

[asiitan]

Hi!
And one more.
On the gallery pages I want the x-container to be without any padding and centered on screen. It works well in fullscreen mode on desktop. But when the window is narrower and thumbnails are re-positioned into 2 columns (or 1 column) it shows the grey background and thumbnails are not centered. Could you help to get rid of the background and center images?
Andres

[Christopher]

Hi there,

#1 Please try this JS code :

jQuery("a.x-img").removeAttr("title");

#2 Please edit your code and wrap images in column :

<div class="x-column x-1-3 x-sm"><a id="Armastusega ei tehta nalja" class="x-img x-img-link x-img-none" href="http://test.asartists.com/theatrum_1/galerii/armastusega-ei-tehta-nalja/" title="Armastusega ei tehta nalja" target="_blank" data-options="thumbnail: 'http://test.asartists.com/theatrum_1/wp-content/uploads/2016/08/001thumb-1.jpg'"><img src="http://test.asartists.com/theatrum_1/wp-content/uploads/2016/08/001thumb-1.jpg" alt="Armastusega ei tehta nalja"></a></div>
<div class="x-column x-1-3 x-sm"><a id="Kaks ema" class="x-img x-img-link x-img-none" href="http://test.asartists.com/theatrum_1/galerii/kaks-ema/" title="Kaks ema" data-options="thumbnail: 'http://test.asartists.com/theatrum_1/wp-content/uploads/2016/08/001thumbs_7I3A7839.jpg'"><img src="http://test.asartists.com/theatrum_1/wp-content/uploads/2016/08/001thumbs_7I3A7839.jpg" alt="Kaks ema"></a></div>
<div class="x-column x-1-3 x-sm"><a id="Reha" class="x-img x-img-link x-img-none" href="http://test.asartists.com/theatrum_1/galerii/reha/" title="Reha" target="_blank" data-options="thumbnail: 'http://test.asartists.com/theatrum_1/wp-content/uploads/2016/08/IMG_5774-copy-2.jpg'"><img src="http://test.asartists.com/theatrum_1/wp-content/uploads/2016/08/IMG_5774-copy-2.jpg" alt="Reha"></a></div>

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

[asiitan]

Hi Christopher!
Should I re-open current conversation in new thread?
The last JS code removes the “title” completely – also the title with white text that I want to keep.
I just want to eliminate this small additional tag.
Many thanks for your help.
Andres

[asiitan]

Hi Christopher!
#2 This code did not solve the issue, unfortunately.
Best wishes,
Andres

[Joao]

Hi Andres,

I am not entirely sure what is the issue you are facing, would you mind clarifying what you would like that we help you with?

Thanks

Joao

[asiitan]

Hi Joao,

#1 On this page http://test.asartists.com/theatrum_1/galerii/
the images are links to galleries. I want to show the gallery name (that is at the same time the image title) on hover. This works fine, but on hover there opens another small tag with the same image title. I would like to know if it is possible to switch that feature off.

#2 On the same page I want the images to be placed on x-container without left, right and bottom padding. It works fine on desktop full screen. But when the window is resized (or on a mobile screen) and the images are not in three columns, but in two or one, right padding appears and the images are not center aligned any more. I’ve tried to set the container (or x-wrapper) width to content width, but it seems to work only when there are three columns.

Sorry for my not very good English.

Thanks for your help!

Andres

[Jade]

Hi Andres,

Kindly provide us with your admin details so that we could check and test on your current setup.

Thank you.

[asiitan]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in!

1] If you want to remove the default title attribute for links, your title upon hover would also be removed because you were getting the title from that attribute.

2] Please edit your page and make use of 3 columns. In each column, you place the image. At the moment, you are only using one column and that the images are trying to align itself and this is why sometimes you are seeing two columns or 3 columns depending on the width on each containers. You can even use Block Grid for each image so that you can make sure that will have a proper column container and that the images will be displayed correctly in different screen sizes.

Hope this helps.

[Author]

Posts