- This topic has 6 replies, 2 voices, and was last updated 3 years, 3 months ago by
Kent Hirsch.
-
AuthorPosts
-
August 17, 2020 at 5:11 pm #256191
Kent Hirsch
ParticipantHigh Responsive Pro
Featured Slider
I use Featured Slider with the Custom setting (Select slider type). To the right of each image is a plate with the title of the image.
1) is it possible to place the plate / title elsewhere in the picture?
2) is it possible to make the plate transparent?
3) is it possible to resize the plate in relation to the text? As it is now, it adapts to the text.
4) Can you remove plate / text so that the image is displayed clean.August 18, 2020 at 6:07 am #256315Skandha
Participant@hirschan: Hello Kent,
1. Let me know where would like it to be placed.2. You seem to be using the additional CSS
#feature-slider-section .entry-container { background-color: #ADD8E6 !important; }
use
background-color: transparent;
and it should work out.Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
3.@media screen and (min-width: 64em) { #feature-slider-section .entry-container { padding: 50px 50px; } }
You can change the padding to adjust the size of the text box.
4. To remove the text box
#feature-slider-section .entry-container{ display;: none; }
Let me know if this works out!
Kind Regards,
SkandhaAugust 18, 2020 at 6:21 am #256321Kent Hirsch
Participant1) I really do not know exactly where I want to place it. Was most curious if it was removable. But as an example; place it on the left instead 10mm lower.
2) Then the plate disappeared completely. Is there a possibility that it sews but is still transparent eg 50%?
3) Thank´s
4) Didn’t work, box and title still there.
August 19, 2020 at 6:08 am #256410Skandha
Participant@hirschan: Hello Kent,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
1.@media screen and (min-width: 85.735em) { #feature-slider-section .slider-content-wrapper { left: 0; } } @media screen and (min-width: 64em) { #feature-slider-section .entry-container { float: unset; margin-top: 50%; } }
2.
#feature-slider-section .entry-container { background-color: rgba(173,216,230, 0.5) !important; }
You can change the value of 0.5 from 0-1 to change the opacity.
4.
#feature-slider-section .entry-container { display: none; }
Let me know if this works out!
Kind Regards,
SkandhaAugust 19, 2020 at 7:00 am #256412Kent Hirsch
ParticipantThanks Skandha. Now it works.
One last question about the plate (I hope): is it also possible to fix rounded corners? 😬Kind tegards
KentAugust 19, 2020 at 7:34 am #256413Skandha
Participant@hirschan: Hello Kent,
Add the below property to 2. CSS I provided you above.
border-radius: 80px;
You can change the border radius according to your choice.
Let me know if this is what you want!
Kind Regards,
SkandhaAugust 19, 2020 at 8:20 am #256420Kent Hirsch
ParticipantYes, it worked.
Thank you.Now only the problem with the logo, http://www.hjk.se, remains. 🙂
Kind regards,
Kent -
AuthorPosts
- The topic ‘High Responsive Pro / Featured Slider title plate’ is closed to new replies.