CSS resize and Title before transformation

  • This is probably the coolest plugin I have seen to keep up with effects in Themes like Avada, GOOD THING!!

    However I don’t see any documentation or examples of the following

    1) To have all X images in a row with 0 padding and 0 margin, meaning the images touch or are butted up next to each other (for me X=3 images)

    2) To have an ‘overlay’ of a word on the image before the CSS transformation. Example, I have a picture of a ‘Truck’ and I want the word to be in a chosen ‘H-tag’, centered both horizontally and vertically. When the image is hovered over, the chosen ‘effect’ takes place. Can this be set up in the Title or Description?

    3) Is there a way to control the height and width of the images? It would be awesome to be able to state that in my Full Width Row, the 3 images would each be 33.3% wide and to state that they would be X% or Xpixels tall.

    Thanks for a great plugin!

    https://www.ads-software.com/plugins/royal-image-hover-effects/

Viewing 1 replies (of 1 total)
  • Plugin Author CodeCans

    (@mr_sagar)

    Hi,
    1. we didn’t provide for 0px margin and padding. because Most of user Don’t like 0px margin & padding.
    If you need 0 px margin between items please give us your site URL where you are using Royal Hover Items. We will check and give you custom Code to make 0px padding and margin as your requirement.

    2. it’s not possible with Royal hover Items. you may see demo. you just make effects exactly like as demo.

    3.

    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.

    Regard
    Maria

Viewing 1 replies (of 1 total)
  • The topic ‘CSS resize and Title before transformation’ is closed to new replies.