Home Forums Pro Themes Kids Education Pro List of existing css

This topic contains 4 replies, has 3 voices, and was last updated by  wensolutions 4 days, 17 hours ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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

    #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!!

    #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;
    	}
    #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;
    }	
    #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!!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.