Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 24, 2019 at 4:12 pm #1159602
    SS-frei

    Hi,

    Due to different image styles in the full width slider, I have added a white background to the title and content line to make sure that the text can be read. I have used this code

    .slideshow_align_caption {background-color: whitesmoke !important}

    This worked fine, but unfortunately the Background is too big. Any attempts to make it smaller failed. I have tried it with padding, margin, background-size etc. always with the !important tag.

    Any ideas how I can fix that?

    Thanks,
    S.

    November 24, 2019 at 8:15 pm #1159654
    Victoria

    Hey SS-frei,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    November 24, 2019 at 8:34 pm #1159674
    SS-frei

    Hi Victoria,

    Maybe a screenshot is helpful:

    View post on imgur.com

    At the Moment the White Background covers most of the Picture behind (in this case it is a White door, which is almost covered). I have marked the ideal size. Do you know what I mean?

    Thanks,
    S.

    Ps: I have used the full width slider with just one full width Image.

    November 25, 2019 at 3:54 pm #1159884
    Victoria

    Hi SS-frei,

    Yes, please remove your code and add this:

    
.slideshow_align_caption h2, .slideshow_align_caption p, .avia-caption-content {
  background-color: whitesmoke;
  margin: 0;
}
.slideshow_align_caption h2 {
  padding-top: 10px;
}
.slideshow_align_caption p {
  padding-bottom: 10px;
}

    Best regards,
    Victoria

    November 25, 2019 at 7:30 pm #1160008
    SS-frei

    Thank you, Victoria. That worked super. The only issue is now that some letters are covered by the subline (see screenshot):

    View post on imgur.com

    Additionally I wanted to ask, if there is a chance to add some opacity to the white background (not lightening the text)?

    Thanks,

    S.

    November 26, 2019 at 12:23 am #1160091
    Jordan Shannon

    Hi,

    I would need to see a link so I can see exactly what is causing the overlap.

    Best regards,
    Jordan Shannon

    November 26, 2019 at 10:10 am #1160230
    SS-frei
    This reply has been marked as private.
    November 28, 2019 at 10:03 am #1160895
    SS-frei

    Any ideas?

    Thanks, S.

    November 29, 2019 at 4:52 pm #1161259
    SS-frei

    Fixed the padding problem. Any ideas regarding opacity?

    I have used the suggested code:
    .slideshow_align_caption h2, .slideshow_align_caption p, .avia-caption-content {
    background-color: whitesmoke;
    margin: 0;}

    If I add opacity: 0.7 – only the Background Color of the heading is changed. the subline stays the same. Additionally I have recognized that the Header changes from full Color to opacity after the Animation has ended. Is there a way to animate the transparent headers?

    Thanks,
    S.

    December 1, 2019 at 10:00 pm #1161672
    SS-frei

    There is no response since 5 days. Do I have to open a new thread for my question?

    Thanks, S.

    December 3, 2019 at 8:36 pm #1162356
    Jordan Shannon

    Hi,

    Apologies for the delay. Tried logging in but the log info above is not working.

    Best regards,
    Jordan Shannon

    December 3, 2019 at 10:47 pm #1162389
    SS-frei

    Hi Jordan,

    I have already changed Log in Data because I have fixed the Main Problem.

    Any ideas regarding opacity? See question above.

    Thanks, S.

    December 7, 2019 at 4:28 pm #1163629
    Victoria

    Hi SS-frei,

    No, the text is inside the container and opacity affects everything in it. Only to add opacity: 1 to the elements individually.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.