Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 13, 2019 at 3:51 pm #1118348
    OET

    Hello,

    is it possible to combine the Backround of the Title and Text of an Fullscreenslider?
    I want to place a round background with transparency and add then the title and the text.

    Kind regards

    July 13, 2019 at 7:40 pm #1118379
    Jordan Shannon

    Hey OefeleET,

    Please provide a link to your site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    July 13, 2019 at 8:12 pm #1118384
    OET
    This reply has been marked as private.
    July 14, 2019 at 5:52 am #1118444
    Rikard

    Hi,

    Thanks for that, so you want the design as in your screenshot behind the header which reads MUSIK SCHAFFT ATMOSPHÄRE! on your actual site?

    Best regards,
    Rikard

    July 14, 2019 at 10:56 am #1118471
    OET

    Hi,

    right, the title MUSIK SCHAFFT ATMOSPHÄRE and the text Lautsprecher für den Außenbereich sould have a common background element such as an circle or rectangle. If it’s possible the backgound should not bei a picture rather a background color with some HTML5 to makeita circular or rectangle.

    _______________________________________
    | |
    | MUSIK SCHAFFT ATMOSPHÄRE! | <= Title
    | ____________________________ |
    | Lautsprecher für den Außenbereich. | <= Text
    | |
    _______________________________________

    Best regards
    OET

    July 14, 2019 at 10:55 pm #1118604
    Jordan Shannon

    Hi,

    The link you provided took me to a missing page after logging in.

    Best regards,
    Jordan Shannon

    July 14, 2019 at 11:05 pm #1118613
    OET
    This reply has been marked as private.
    July 15, 2019 at 5:39 am #1118675
    Rikard

    Hi,

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

    .slideshow_align_caption {
    background: #ddd;
    border-radius: 100%;
    width: 200px;
    display: block;
    vertical-align: inherit;
    margin: 0 auto;
}

    You might have to adjust the width and height a bit.

    Best regards,
    Rikard

    July 15, 2019 at 8:39 pm #1118931
    OET

    Hi,

    thank you! That works fine. But unfortunatelly the text is not centered, what CSS I have to add to center the text in the rectangle? Is it also possible to create a line between title an text like in my picture?

    best regards
    OET

    July 16, 2019 at 6:15 am #1119052
    Rikard

    Hi,

    Please try this CSS as well:

    .slideshow_align_caption {
  text-align:center;
}

.slideshow_align_caption h2 {
  border-bottom:3px solid #fff;
}

    Best regards,
    Rikard

    July 22, 2019 at 11:04 pm #1121032
    OET

    Hey Rikard,
    sorry for my late reply – that works great.

    Thank you!

    July 22, 2019 at 11:49 pm #1121045
    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 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Fullscreen Slider Text Background’ is closed to new replies.