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 Something which can be addressed by newcomers in reasonable time improvement Something which improves an existing feature in some way (UX, UI, Design, Functionality)

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 Something which has been reported but has not yet beeen triaged by the 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 Something which is a new feature or big improvement discussion needed Something which needs to be discussed before writing the first line of code and removed new Something which has been reported but has not yet beeen triaged by the team labels Sep 16, 2024
@HsH-Wolf HsH-Wolf moved this to To do REQ in Boost Union Planning Board Sep 16, 2024
@wiebkemueller-hsh wiebkemueller-hsh added good first issue Something which can be addressed by newcomers in reasonable time improvement Something which improves an existing feature in some way (UX, UI, Design, Functionality) and removed feature Something which is a new feature or big improvement labels Sep 19, 2024
@wiebkemueller-hsh wiebkemueller-hsh moved this from To do REQ to Ready for DEV in Boost Union Planning Board Sep 19, 2024
@HsH-Wolf HsH-Wolf removed the discussion needed Something which needs 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 Something which can be addressed by newcomers in reasonable time improvement Something which improves an existing feature in some way (UX, UI, Design, Functionality)
Projects
Status: Ready for DEV
Development

No branches or pull requests

4 participants