Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 24, 2016 at 7:57 am #637289
    grusett

    Hi, a few questions

    1. Is it possible to edit so it looks like the caption title and caption text are in the same framed box?

    2. Or edit the framed caption title and caption boxes so they have the same size?

    3. Is it possible to only have the Caption title framed and not the caption text?

    /T

    • This topic was modified 8 years, 5 months ago by grusett.
    May 24, 2016 at 5:54 pm #637668
    Yigit

    Hey grusett,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { margin: 0; }

    Best regards,
    Yigit

    May 24, 2016 at 6:09 pm #637683
    grusett

    Thank, it’s not far from perfect, but it would be perfect if the framed box with caption title and text was in a perfect square. Now it looks like this
    Framed box caption title and text

    Maybe it’s not possible but I have to ask :)

    May 25, 2016 at 7:16 am #637887
    Rikard

    Hi,

    Try this as well:

    .slideshow_align_caption {
    background: rgba(0, 0, 0, 1) !important;
}

    Best regards,
    Rikard

    May 25, 2016 at 8:09 am #637902
    grusett

    Thanks. It worked but the box gets black and I understand it has to be dark cover. I think I have to let this go. Thanks anyway! :)

    May 25, 2016 at 12:43 pm #637985
    Yigit

    Hi,

    Please use following code

    .slideshow_align_caption {
    background: rgba(0,0,0,0.5);
    padding: 10px;
}

    Best regards,
    Yigit

    May 25, 2016 at 5:44 pm #638167
    grusett

    Great Yigit! That really worked great on the slider on my front page. Is it possible to make the code for a specific page or slider? While it looks great on the front page slider, the sliders on my other pages looks weird.

    May 25, 2016 at 5:47 pm #638169
    Yigit

    Hey!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your slider and give it a custom CSS class and change the code to following one 

    .your-custom-class .slideshow_align_caption {
    background: rgba(0,0,0,0.5);
    padding: 10px;
}

    Regards,
    Yigit

    May 25, 2016 at 5:56 pm #638175
    grusett

    It worked! Thanks Yigit! :)

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Framed Caption title and text full screen slider’ is closed to new replies.