Tagged: featured slider text
- This topic has 5 replies, 2 voices, and was last updated 3 years, 4 months ago by Skandha.
-
AuthorPosts
-
June 2, 2021 at 4:40 am #283618piter seilParticipant
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
June 2, 2021 at 6:00 am #283627SkandhaParticipant@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,
SkandhaJune 2, 2021 at 6:21 am #283632piter seilParticipantThank 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
June 3, 2021 at 12:19 am #283670SkandhaParticipant@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,
SkandhaJune 3, 2021 at 5:10 am #283687piter seilParticipantThanks, 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
June 3, 2021 at 8:19 am #283709SkandhaParticipant@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 -
AuthorPosts
- The topic ‘Featured Slider title text’ is closed to new replies.