Posts Carousel arrows not vertically centered

  • Resolved webdee75

    (@webdee75)


    4 years, 4 months ago

    Hello,
    I make tests before buying Visual Portfolio plugin (I need posts popups) and I’m a bit stucked with a CSS problem : When choosing “Carousel” mode for posts + “Classic” element style mode for the title & extract, the carousel arrows move down by the value of the text height : they are no longer vertically centered on the thumbnail.
    Maybe it is because with “Classic” the caption is under the thumbnail and not vertically centered upon the picture (as for the other hover style options) the CSS margin-top calculation for the arrows is wrong in this case.
    Could you fix the code or tell me how to fix the CSS in order to have the carousel arrows vertically centered on all devices and with any caption (wether it is one or 2 lines of any size of text) under the thumbnail ? Because it is to complex for me to fix…

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter webdee75

    (@webdee75)

    4 years, 4 months ago

    My next quest would be to know how to set the left & right arrows out of the post carousel. Would you have an tip ?
    Or is there a setting to do so on the premium version ?

    Plugin Author nK

    (@nko)

    4 years, 4 months ago

    Hey.

    The center of the carousel is not the center of the thumbnail, because you have the whole item (thumbnail + caption) inside the carousel.

    This can be solved with custom CSS, but we don’t provide customizations. You will need to make it on your own or with 3rd-party help.

    Moving arrows outside the carousel container is also possible with custom CSS but can be a bit trickier than vertical centering.

    Unfortunately, the Pro plugin will not give you a solution for this problem.

    Regards, nK.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Posts Carousel arrows not vertically centered’ is closed to new replies.