Image size

Hi,
can you please show your site URL where you are installed Hover Items??
We need to check First
Regard
Maria

Hi, got the same problem.
I want to resize my hovers. Where and how can i edit the imagesize?
Also i need to have 6 hovers in a row, how do i do that?
I wrote an email yesterday to your support didn’t get any reply.

here the site:

https://www.riex-auto.com/de/produkte/

Hi,
I gave up and changed to an alternative solution ??

Thats pretty frustrating, at least I paid for the plugin. Didn’t you get any reply?

There are 4 size you can set with Bootstrap Responsive Gird.
If you use “Display Hover item in 1 row – “4” https://wpexpert24.com/tutorials/images/item-4.jpg
Then your image size height and width is going Bootstrap col-md-3 gird size.

If you use “Display Hover item in 1 row -“3” then your item size increase little https://wpexpert24.com/tutorials/images/item-3.jpg

If you use “Display Hover item in 1 row – “2” then your item size increase https://wpexpert24.com/tutorials/images/item-2.jpg

same if you use display hover item in 1 row – “1” then your image size going big.

HI,
I checked you added 4 items in 1 row.
If you want to change Hover Image size and you want to set 6 items in 1 row then you need to add some css code to your plugin custom CSS:
add below code to your custom CSS:

.royal-col-lg-3 {
width: 16% !important;
}
.royal-col-md-3 {
width: 16% !important;
}

Hope your issue will be solve
Regard
Mr_sagar

thanks for your fast reply. i want to have the images in one line with the slider above, how can i do that? also they should be centered ont floated left, bu i just cant figure out how to do that. And one last thing can i link the images?

best regards

ObstDerWoche

Hi,
Just paste Royal Shortcode Above Slider area. If you use Visual Composer just take a text field then paste Royal Image Hover Short-code in text field area, Above Slider section.

I don’t understand “should be centered ont floated left”
pardon Please..

If you want to use link Just use HTML tag below Description.
Read More

see here: https://prntscr.com/9ykb0r

Hope you can.
Regard
Mr_sagar

thanks for your reply.
i wanted o have the hovers in one verical line with the slider above. how can i do that?

regard

Hi, if you want hover items above slider then your need to put whole short-code above slider area.
If you use page builder then it’s easy for you.
If you don’t use any page builder then you need to put short-code in Theme.
just paste short-code like below in your theme php file above slider Section

<?php echo do_shortcode(‘your-full-shortcode-here’); ?>

Regard
Maria

hi, thanks again for your support. I ment something different, but figured out by myself with padding and margin. There’s one thing that doesnt’ work. The Text inside of the hovers is not responsive. What can i do?

regard
Artur

HI,
It Happens because for Responsive Gird. I gave CSS Code to reduce Width.
But The Solution is Use Bootstrap col-md-2 Gird.
I hope you will Get This In Next Version, Then You can use 6 Item in 1 Row with Default Admin Option.
Next Version Release Soon Within 2 or days..
Regard
Mr_sagar

So with the next update the text will be responsive?
regard

also there is a strange block behind the hover section ehich u can see here:

https://www.riex-auto.com/de/produkte/

the background is slightly darker around the hovers.
what is that and how can i fix it?

thanks

regard

Hi,
i see you have user image which already have border:
https://www.riex-auto.com/wp-content/uploads/Media/Produkte/Eugen-Riexinger_Produkt-Buttons_S%C3%A4gemaschinen-1.jpg

Do you want to change Background color after Hover?
Regard
mr_sagar