This topic has 2 replies, 2 voices, and was last updated 10 years by Kookidooki.

  • Author

    Tagged: 

  • #15647
     Kookidooki
    Participant

    Hello,

    I would like to change the colors of the icons of the navigation menubar and some fonts by using the child-theme, but it’s not taking into effect while Child-Theme is activated.

    Am I doing something stupid? For example: I was trying to change the color of the menu icons from #E5E5E5 to #003366 but it’s not taking in effect. See child theme code below:

    /*
    Theme Name: Kleo Child
    Theme URI:
    Description: Child theme for Kleo
    Author: SeventhQueen
    Author URI: http://seventhqueen.com
    Template: kleo
    Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
    License: GNU General Public License
    License URI: license.txt
    */

    @import url(“../wp-content/uploads/custom_styles/dynamic.css”);

    /*
    * Please add your custom styles below
    */

    .main-color .callout-blockquote blockquote p:before, .main-color #buddypress div#item-nav ul li a:before, .main-color #buddypress div#item-nav .tabdrop .dropdown-menu li a:before, .main-color .bbp-topics ul.sticky:after, .main-color .bbp-forum-content ul.sticky:after, .main-color .article-content .author-options .edit:before, .main-color .article-content .author-options .delete:before { color: #003366;}

    Is this right or wrong? Do you have an example of a Child-Theme?

    #15798
     Abe
    Keymaster

    Hi, You don’t have to add this line: @import url(“../wp-content/uploads/custom_styles/dynamic.css”);
    Just add the styles you want to override.

    Your code is correct. I saw a tiny thing that is causing not to rewrite the rules added in the style.css. Please replace your main theme functions.php content with the one from this link until next theme update: https://archived.seventhqueen.com/files/kleo/functions.txt

    This should be the CSS to add if you want to change just the color of the icons:

    COPY CODE
    
    .main-color #buddypress div#item-nav ul li a:before, .main-color #buddypress div#item-nav .tabdrop .dropdown-menu li a:before {
        color: #000000;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

    #15994
     Kookidooki
    Participant

    Thanks, it works now!

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

The forum ‘KLEO’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?