Home › Forums › Pro Themes › Kids Education Pro › add feature icon to section feature
- This topic has 8 replies, 2 voices, and was last updated 3 years, 11 months ago by
Bianca Ackermann.
-
AuthorPosts
-
December 1, 2021 at 9:46 pm #171789
Bianca Ackermann
ParticipantHi
I want to display the feature images in the section feature.
But I can only add there awesome icons.
Is there a way to change the css to display the feature images above the feature header?December 2, 2021 at 12:31 am #171803Psink
KeymasterHello Bianca
It’s not possible with the CSS only. So we have updated the theme. Please update the theme after the release
And follow the screen record – on how to use Featured Image instead of icon
https://www.awesomescreenshot.com/video/6250529?key=3e8eed7635f98c7fcd30fa6de6317aa1December 2, 2021 at 2:58 am #171807Bianca Ackermann
ParticipantHi Psink
Thx for the Update and the video :).
Is it possible to change the size of the feature image.
It is to large.
Maybe the size like on this site: http://ahoiii.com/Regards
Bianca
December 2, 2021 at 3:00 am #171808Psink
KeymasterCan you please share your site URL? We will provide you an additional to change the size of the featured image
December 2, 2021 at 4:12 am #171809Bianca Ackermann
ParticipantDecember 2, 2021 at 4:54 am #171813Psink
KeymasterPlease add this CSS in the Additional CSS
#features .featured-item { width: 230px; text-align: center; margin: auto; } #features .features-image{ padding: 80px 0; border-radius: 20px; max-width: 170px; width: 100%; margin: auto; text-align: center; display: inline-block; }After adding the above your site looks something like this
https://www.awesomescreenshot.com/video/6254339?key=c692b9b26f318bb14526553803bb4d23December 2, 2021 at 5:05 am #171814Bianca Ackermann
ParticipantThx. Is there a way to use the thumbnails? The images are cut off and it looks not so very well
December 2, 2021 at 6:22 am #171816Psink
KeymasterAhh ok, please replace the code with #features .features-image by below code
#features .features-image { padding: 60px 0; border-radius: 20px; max-width: 180px; width: 100%; margin: auto; text-align: center; background-size: contain; display: inline-block; }The design looks like this
https://www.awesomescreenshot.com/image/17807602?key=a7b4f8d9e123e8a429015d172359c9e3December 2, 2021 at 8:29 am #171827Bianca Ackermann
ParticipantThx. If you find a way to use thumbnails instead of the normal feature images let me know. Then I don´t need to resize it.
-
AuthorPosts
- You must be logged in to reply to this topic.





