Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 17, 2019 at 1:40 pm #1079587
    Brautgalerie

    Hey!

    How is it possible to change position of the caption title and button within the full width slider element?

    March 19, 2019 at 6:32 pm #1080437
    Nikko

    Hey Brautgalerie,

    When you edit the fullscreen slider, go to Caption (tab) then set the Caption Positioning.
    Here’s a screenshot: https://imgur.com/nOM1foE
    Hope this helps.

    Best regards,
    Nikko

    March 20, 2019 at 11:11 pm #1081084
    Brautgalerie

    Hi!

    Thanks. But I wanted to change the position more “exactly” e.g. by pixels. The standard option from enfold only allows to change the position roughly, (Center, left, right…). Can you Tell me the right selector to move caption title?

    Thx.

    March 21, 2019 at 2:20 pm #1081402
    Nikko

    Hi Brautgalerie,

    Try adding this css code in Quick CSS, located in Enfold > General Styling:

    #top.home #fullscreen_slider_1 .slideshow_caption a.avia-slideshow-button {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

    Then just adjust right and bottom values.
    You can also use for example -10px so it goes to the other direction.

    Best regards,
    Nikko

    March 24, 2019 at 2:08 pm #1082236
    Brautgalerie

    Hi,

    thx, it worked. How can I change the position exactly of the images of the full width slider?

    Regards Tobias

    March 25, 2019 at 2:55 am #1082466
    Nikko

    Hi Tobias,

    I’m not sure what you meant with changing the position of the slider image in the fullwidth slider, can you give a screenshot of what you’re trying to achieve compared to what you have now?
    Slider Images are like background images so no need for it to change its position.

    Best regards,
    Nikko

    March 25, 2019 at 11:06 pm #1082867
    Brautgalerie

    Hi!

    I want to move the background/image position of the slider so that the caption title can be read easier.Screenshot

    With the standard features of enfold the positioning of the images is not so comfortable.

    March 25, 2019 at 11:07 pm #1082868
    Brautgalerie

    Screenshot slider

    • This reply was modified 5 years, 7 months ago by Brautgalerie.
    March 27, 2019 at 5:56 am #1083400
    Nikko

    Hi Brautgalerie,

    I see, on my end it looks great (screenshot in private content).
    However in a smaller screens the text goes on top of those leaves and flowers, I tried adjusting the background position however changing it doesn’t really look nice.
    Try adding this css code instead:

    #top.home #fullscreen_slider_1 h2.avia-caption-title {
    background-color: rgba(255,255,255,0.6);
    display: inline-block;
    padding: 4px 8px;
}

    It will add a white semi-transparent background which should make the text more readable.

    Best regards,
    Nikko

    March 28, 2019 at 11:08 pm #1084315
    Brautgalerie

    Thank you it worked.

    March 29, 2019 at 3:06 am #1084398
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Position caption title and button in full-width slider’ is closed to new replies.