[Kent Hirsch]

High 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.

http://reeseinspiration.se

[Skandha]

@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,
Skandha

[Kent Hirsch]

1) 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.

[Skandha]

@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,
Skandha

[Kent Hirsch]

Thanks Skandha. Now it works.
One last question about the plate (I hope): is it also possible to fix rounded corners? 😬

Kind tegards
Kent

[Skandha]

@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,
Skandha

[Kent Hirsch]

Yes, it worked.
Thank you.

Now only the problem with the logo, http://www.hjk.se, remains. 🙂

Kind regards,
Kent

[Author]

Posts