[piter seil]

Goodmorning,

I should change the title size and font in the featured slider. Maybe add some shadow effects to the text. How can I do?

Thank you

http://www.piterseil.com

[Skandha]

@piter-seil: Hello there,
To change the font size of the slider title and add text shadow
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.main-slider .entry-title span {
    font-size: 50px;
    text-shadow: 2px 2px #f23456;
}

Let me know which font you would like to use on the slider title.

You can change the font size, text shadow color and thickness according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[piter seil]

Thank you, it works!
– where can i find the codes for the colors of the shade? (#f23456 etc.)
– The font size is fine on the mobile version but on the pc version it’s too small. Is there a way to make the aspect ratio the same in both versions (pc and mobile) or do I have to directly edit the image by writing on it?

Thank you

[Skandha]

@piter-seil: Hello there,
You can google the color codes and see which color you want to keep as the shadow.

To change the font size on desktop
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width: 1024px) {
	.main-slider .entry-title span {
		font-size: 40px;
	}
}

You can change the font size according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[piter seil]

Thanks, I need more CSS code and customize:
1) Code to insert the font Cantarell, sans-serif
2) Code to insert a background behind the text
3) What is the best photo size for the featured slider? If I upload multiple photos, they each have different sizes but I want them to be homogeneous
4) If I only upload one photo in the featured slider (not two or three), can I remove the red / orange dot under the photo?

Thank you

[Skandha]

@piter-seil: Hello there,
The slider text already seems to be using the Cantarell Font.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To insert a background behind the slider text */
.main-slider .entry-title span {
	background-color: rgba(200,150,176,0.6)
}
/* To remove slider dots */
.cycle-pager {
    display: none;
}

The recommended image size for featured slider is 1920*1080px.

You can change the color and opacity of the background according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts