Home › Forums › Pro Themes › Kids Education Pro › List of existing css
- This topic has 4 replies, 3 voices, and was last updated 5 years, 6 months ago by
wensolutions.
-
AuthorPosts
-
February 9, 2019 at 5:51 pm #90660
giancaa
ParticipantDears
I’ve purchased Kids Education Pro and I’ve a lot of stupid question about configure it so please forgive me…so I’m starting with the first one:
As everyone, I would like to have those beautiful little icons but…I read something about it on this forum and in a test I set in one of my medù CSS Classes fa-home and magic! a home’s icon is appear!
Now, I’m trying a lot of words and some works (like book, envelope) but is it possible have a list of CSS Class already present in our theme?thanks and see you soon
GiancaFebruary 10, 2019 at 11:21 pm #90697wensolutions
KeymasterHello @giancaa,
First of all thank you very much for using the pro theme.
Regarding your query, you can add the icon only by adding the CSS class currently and this is how the theme is designed. Since people like to add the different icon as per their requirement, adding the CSS class make it more easier to manage the setting.
Hope this clears the confusion.
Thank you.
Best Regards!!
February 14, 2019 at 7:09 am #91014Brenda Prentice
ParticipantI am currently configuring my site as well. Here is a list of code that I have used so far:
Remove the green hill from the front slider:
#main-slider .divider { display: none; }
Change the colors of the navigation icon menu at the top of your website. (Just change the html color codes to your colors.)
#masthead .left-menu li.current-menu-item:nth-child(1n) > a, #masthead .left-menu li.current-menu-item:nth-child(1n) > a:before, #masthead .left-menu li:nth-child(1n):before, #masthead .left-menu ul > li:nth-child(1n):hover > a, #masthead .left-menu ul > li:nth-child(1n):focus > a, #masthead .left-menu ul > li:nth-child(1n) > a:before { color: #A20403 ; } #masthead .left-menu li.current-menu-item:nth-child(2n) > a, #masthead .left-menu li.current-menu-item:nth-child(2n) > a:before, #masthead .left-menu li:nth-child(2n):before, #masthead .left-menu ul > li:nth-child(2n):hover > a, #masthead .left-menu ul > li:nth-child(2n):focus > a, #masthead .left-menu ul > li:nth-child(2n) > a:before { color: #F4BE02 ; } #masthead .left-menu li.current-menu-item:nth-child(3n) > a, #masthead .left-menu li.current-menu-item:nth-child(3n) > a:before, #masthead .left-menu li:nth-child(3n):before, #masthead .left-menu ul > li:nth-child(3n):hover > a, #masthead .left-menu ul > li:nth-child(3n):focus > a, #masthead .left-menu ul > li:nth-child(3n) > a:before { color: #002B8A ; } #masthead .left-menu li.current-menu-item:nth-child(4n) > a, #masthead .left-menu li.current-menu-item:nth-child(4n) > a:before, #masthead .left-menu li:nth-child(4n):before, #masthead .left-menu ul > li:nth-child(4n):hover > a, #masthead .left-menu ul > li:nth-child(4n):focus > a, #masthead .left-menu ul > li:nth-child(4n) > a:before { color: #66993E ; } #masthead .right-menu li.current-menu-item:nth-child(1n) > a, #masthead .right-menu li.current-menu-item:nth-child(1n) > a:before, #masthead .right-menu li:nth-child(1n):before, #masthead .right-menu ul > li:nth-child(1n):hover > a, #masthead .right-menu ul > li:nth-child(1n):focus > a, #masthead .right-menu ul > li:nth-child(1n) > a:before { color: #66993E ; } #masthead .right-menu li.current-menu-item:nth-child(2n) > a, #masthead .right-menu li.current-menu-item:nth-child(2n) > a:before, #masthead .right-menu li:nth-child(2n):before, #masthead .right-menu ul > li:nth-child(2n):hover > a, #masthead .right-menu ul > li:nth-child(2n):focus > a, #masthead .right-menu ul > li:nth-child(2n) > a:before { color: #002B8A ; } #masthead .right-menu li.current-menu-item:nth-child(3n) > a, #masthead .right-menu li.current-menu-item:nth-child(3n) > a:before, #masthead .right-menu li:nth-child(3n):before, #masthead .right-menu ul > li:nth-child(3n):hover > a, #masthead .right-menu ul > li:nth-child(3n):focus > a, #masthead .right-menu ul > li:nth-child(3n) > a:before { color: #F4BE02 ; } #masthead .right-menu li.current-menu-item:nth-child(4n) > a, #masthead .right-menu li.current-menu-item:nth-child(4n) > a:before, #masthead .right-menu li:nth-child(4n):before, #masthead .right-menu ul > li:nth-child(4n):hover > a, #masthead .right-menu ul > li:nth-child(4n):focus > a, #masthead .right-menu ul > li:nth-child(4n) > a:before { color: #A20403 ; }
Remove the “about the author” section on the team page.
.single-tp-team .about-author { display: none; }
Remove the entry header (date, etc.) from the top of the team page.
.tp-team .blog-post-wrap .entry-header { display: none; }
Use this to edit the team photo placement by changing the float to left, right, etc. If you change the float, you may need to also change your margin.
.single-tp-team .blog-post-wrap img { width: auto; margin: 3; float: left; }
February 14, 2019 at 7:40 pm #91063Brenda Prentice
ParticipantRemove the header image, page titles, and breadcrumbs from pages.
#header-image { max-height: 95px; min-height: 20px; overflow: hidden; background-color: #fff; } .has-banner-image#header-image { min-height: 20px; } #header-image img { width: 100%; vertical-align: middle; } #header-image.no-banner-image { min-height: 300px; max-height: 300px; } .page-title .entry-title { display: none; } #breadcrumb-list a { display: none; }
February 14, 2019 at 11:19 pm #91069wensolutions
KeymasterHello @brenners78,
Thank you very much for your help.
However, if you have any query further then kindly let us know.
Thank you.
Best Regards!!
-
AuthorPosts
- You must be logged in to reply to this topic.