Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 3, 2024 at 2:54 am #1472751
    ezimbron

    Hello.

    I’m applying right caption positioning into a fullscreen slider. It seems to me that container is limited to ocupy only 1/3 of the screen, then text is displayed in 3 rows. I would like to let caption text start near to the middle of the screen in order to make each line longer, so it take only 2 rows instead. How could I increase caption conteiner width to get this? It should work for both Caption Title and Caption Text.

    Best regards,
    Eduardo.

    December 3, 2024 at 5:15 pm #1472793
    Rikard

    Hey Eduardo,

    It looks like Wordfence is blocking access to your site, could you lift that rule for now please?

    Best regards,
    Rikard

    December 3, 2024 at 11:23 pm #1472831
    ezimbron

    It’s done Rikard. Access is unlocked now.

    Regards,
    Eduardo

    December 4, 2024 at 9:45 am #1472861
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    
.slideshow_caption {
  width: 60%;
}

    Best regards,
    Rikard

    December 4, 2024 at 6:56 pm #1472946
    ezimbron

    Thank you very much Rikard.

    It’s just what I was looking for.

    Best regards,
    Eduardo

    December 5, 2024 at 5:41 am #1472964
    ezimbron

    What if I need to choose something like “Buttom-Center without Frame” for only one slide in the full width slider? Center option only lets caption be positioned full center (both vertically and horizontally), as well as Buttom one only permits left positioning, but there isn’t any way to indicate something like “Buttom-Center”.

    Is there any way to get this applying CSS to a caption element only for one slide?

    Thanks again.
    Eduardo

    December 5, 2024 at 7:06 am #1472975
    Ismael

    Hi,

    positioning, but there isn’t any way to indicate something like “Bottom-Center”.

    Are you trying to move the button to the bottom and center it horizontally? Try to set the Caption Positioning to “Bottom Framed”, then add this css code to center-align the caption horizontally.

    .caption_bottom.caption_bottom_framed.caption_framed .slideshow_align_caption {
    text-align: center;
}

    Best regards,
    Ismael

    December 6, 2024 at 1:49 am #1473049
    ezimbron

    Thank you Ismael.

    This CSS code works well only if caption is framed by Enfold settings. The efect is exactly what I expected, but I need to apply it to a “Caption without frame” instead, please.

    Best regards,
    Eduardo

    December 6, 2024 at 8:00 am #1473074
    Ismael

    Hi,

    Thank you for the update.

    For captions without frame, you can use this css code instead:

    .caption_bottom .slideshow_align_caption {
    text-align: center;
}

    Best regards,
    Ismael

    December 7, 2024 at 2:01 am #1473131
    ezimbron

    Thank you very much Ismael. It works great.

    Best regards.
    Eduardo

    December 7, 2024 at 10:46 am #1473140
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Increase caption container width in fullscreen slider’ is closed to new replies.