Home › Forums › Pro Themes › Kids Education Pro › List of existing css

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 9, 2019 at 5:51 pm #90660
    giancaa
    Participant

    Dears
    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
    Gianca

    February 10, 2019 at 11:21 pm #90697
    wensolutions
    Keymaster

    Hello @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 #91014
    Brenda Prentice
    Participant

    I 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 #91063
    Brenda Prentice
    Participant

    Remove 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 #91069
    wensolutions
    Keymaster

    Hello @brenners78,

    Thank you very much for your help.

    However, if you have any query further then kindly let us know.

    Thank you.

    Best Regards!!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.