Home Forums Themes Support Formota Haru Images Gallery Hove Effect with Instagram Icon

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #6812
    sarmstrong
    Supported

    When I use the Haru Images Gallery element there is a hover effect that displays a gray box bigger than the image and it displays an Instagram icon when someone hovers over the button. I want to remove the Instagram icon and make the hover effect the same size as the image or remove it altogether.

    I want to use the images as buttons to allow users to choose the streaming service of their choice to watch the movie on. Is there a better way to accomplish this?

    Second question. How do I remove the Formota Icon at the top of the screen?

    • This topic was modified 1 month ago by sarmstrong.
    Attachments:
    You must be logged in to view attached files.
    #6815

    Hi,
    Thanks for contacting us and choosing our product!
    About your questions we can answer as below:
    1. To remove gray box and instagram icon please go to Appearance -> Customize -> Additional CSS and add this code:

    .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item:before {
    display: none!important;
    }
    .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i {
    display: none!important;
    }

    2. If you don’t want to use image you can use shortcode Button to display it.
    3. To remove our Logo and change to your Logo please follow this topic, In our theme have a notice that Page Options will override Theme Options. You can understand more about it follow this topic:https://harutheme.com/forums/topic/why-theme-options-doesnt-apply-changes/
    Here is the document: https://document.harutheme.com/formota/
    Video tutorial: https://www.youtube.com/channel/UCnOxXtfrkgq92wgqJCBi55g/videos?view_as=subscriber
    You also can add any field to your video follow this topic tutorial: https://harutheme.com/forums/topic/add-new-metabox-circle-single-video-film-actor-director/
    If you have other issues please search on our forum first for the quick solutions. Hope this helps!

    *****
    Regards,
    HaruTheme

    #6848
    sarmstrong
    Supported

    Is there a way to turn the images into a clickable button? Let it have some type of effect when someone hovers over it? The hover effect that was there before was a box that is much bigger than the actual image. The logo sizes are 225 x 225. I just want people to know to take an action. I can put links to the images but with no effect, I don’t think people will know that you can click on it.

    #6861

    Hi,
    You can try to use Hover Box shortcode like this:
    https://prnt.sc/uqntlv
    and add button when user hover on it:
    https://prnt.sc/uqnudz
    Hope this helps!

    ****
    Regards,
    HaruTheme

    #6868
    sarmstrong
    Supported

    This is exactly what I was looking for. Thanks! I had one more question. The dimensions of the boxes compared to my images are a little off. My images are 225 x 225. Is there a recommended image size I should be using when using the Hover Box?

    Home 7

    • This reply was modified 3 weeks, 6 days ago by sarmstrong.
    Attachments:
    You must be logged in to view attached files.
    #6871

    Hi,
    As we see you are using 4 columns for display hover box.
    If width of box is too big you can use padding of row to make it smaller:
    https://prnt.sc/uqxgo5
    Hope this helps!

    ****
    Regards,
    HaruTheme

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.