Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slider: transparent text background (light and dark) #711

Open
kaaermes opened this issue Sep 12, 2024 · 2 comments
Open

Slider: transparent text background (light and dark) #711

kaaermes opened this issue Sep 12, 2024 · 2 comments
Labels
good first issue Good for newcomers improvement Improvement of any existing (UX, design, code, performance,...) but not a new feature and not a bug.

Comments

@kaaermes
Copy link
Collaborator

kaaermes commented Sep 12, 2024

I often use the slider feature with a background image and slide content – some explanation text. To make the text more readable I have to include a transparent bar within the image. But if I then change the format of the page (from portrait to landscape or vice versa) the text slides out of this bar (see screenshot)

Bildschirmfoto 2024-09-12 um 07 32 21

I would prefer a feature in Boost Union
Appearrance > Content > Slider > Slide Conten Style > add (or replace the shadow option)

  • dark text with light background
  • light text with dark background

in this dropdown menu
DropDown-Slides

then it would look like that

Bildschirmfoto 2024-09-23 um 07 22 03
@kaaermes kaaermes added the new issue to be labeled by Boost Union Team label Sep 12, 2024
@kaaermes kaaermes changed the title Slider: top spacing for slide content on mobile view Slider: transparent text background (light and dark) Sep 16, 2024
@HsH-Wolf
Copy link
Collaborator

Maybe this CSS helps to add the option to the dropdown:

#themeboostunionslider .slide-darkshadow{
background: hsla(0, 0%, 100%, 0.5);
}

#themeboostunionslider .slide-lightshadow{
background: hsla(0, 0%, 0%, 0.5);
}

.carousel-caption{
right: 0;
left: 0;
padding-left: 10%;
padding-right: 10%;
}

@HsH-Wolf HsH-Wolf added feature New feature or request discussion needed Soemthing which need to be discussed before writing the first line of code and removed new issue to be labeled by Boost Union Team labels Sep 16, 2024
@wiebkemueller-hsh wiebkemueller-hsh added good first issue Good for newcomers improvement Improvement of any existing (UX, design, code, performance,...) but not a new feature and not a bug. and removed feature New feature or request labels Sep 19, 2024
@HsH-Wolf HsH-Wolf removed the discussion needed Soemthing which need to be discussed before writing the first line of code label Sep 19, 2024
@CodingWithError
Copy link

Can I work on this issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers improvement Improvement of any existing (UX, design, code, performance,...) but not a new feature and not a bug.
Projects
Status: Ready for DEV
Development

No branches or pull requests

4 participants