Navigation
Archive / 2 questions regarding integrity blog stack
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 22, 2016 at 11:17 am #1267066
    abbh62
    Participant

    My site, Insulinfirst.com is a blog thats running the integrity stack. Currently I do not like that when you are on an active tab that the words for the tag disapears, how do I change the color of an active link to the green that is already on the page?

    2nd, Is there anyway to change the hover icon when you hover over an image? Its currently the link symbol but I would like to change it to something else.

    Thanks!

    November 22, 2016 at 11:33 am #1267081
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    1) Please add this under Custom > CSS in the Customizer to change navigation hover and active link color:

    .x-navbar .desktop .x-nav>.current-menu-item>a {
    color: #000 !important;
}

.x-navbar .desktop .x-nav>li>a:hover {
    color: #000 !important;
}

    Please change color code based on your requirement.

    2) Please use following CSS under Custom > CSS in the Customizer to change hover icon:

    .site .entry-thumb:before{
    content: "\f0f6";
}

    You can get the css rule for the icons here:

    Icons

    Let us know how it goes.

    Thanks.

    November 22, 2016 at 11:49 am #1267103
    abbh62
    Participant

    Ok the first worked, if I wanted to use the [x_icon type=”hand-o-up”] icon from the link you sent, how would i do that?

    For example

    `
    .site .entry-thumb:before{
    x_icon type: “hand-o-up”;
    }
    `
    does not work.

    November 22, 2016 at 11:50 am #1267108
    abbh62
    Participant
    .site .entry-thumb:before{
	 x_icon type: "hand-o-up";
}
    November 22, 2016 at 11:54 am #1267109
    abbh62
    Participant

    Nevermind, found the list of all the font awesome with codes.

    solution: 

     .site .entry-thumb:before{
	 content: "\f0a6";
}
    November 22, 2016 at 12:14 pm #1267124
    Rahul
    Moderator

    Glad you’ve managed to fix it for yourself!

    Let us know if we can help with anything else.

    Thanks for choosing the X-theme.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1267066 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>