Okay
  Public Ticket #215941
Icons getting white on hover
Closed

Comments

  •  1
    Niklas started the conversation
    May 17, 2014 at 1:51pm

    Hi! I\'m using icons like you do here:

    http://themenectar.com/demo/salient-frostwave/#fws...

    The only difference is, that I\'m using them in a blog post. That causes the icons, to turn white, when I hover the row. Think that is a bug, isn\'t it?

  •  8,940
    Tahir replied
    May 17, 2014 at 2:34pm

    Can you provide a url so we can take a look at the underlying css and write up some fix. 

    Thanks

    ThemeNectar Support Team 

  •  1
    Niklas replied
    May 17, 2014 at 2:55pm

    Unfortunately not, because I don't wan't to publish the post, yet!

    But you can just copy the above linked row of the Salient Demo Landing Page into a blog post and will see the problem!

  •  8,940
    Tahir replied
    May 19, 2014 at 2:38pm

    Hey Niklas!

    I am afraid without a url we can not help you troubleshoot this issue. 

    Thanks

    ThemeNectar Support Team 

  •  1
    Niklas replied
    May 19, 2014 at 3:10pm

    Ok! It's published now:

    http://www.niklasmoeller.de/portfolio/lets-rock-th...

    There are buttons on top! The buttons should not turn white, when I hover one of the other buttons. When I add this code to a non-blog-page, it works, but not on a blog page. I think the reason is this code snippet in style.css

    #post-area .span_12:hover .icon-3x[class^="icon-"] {
    color: #FFFFFF !important;

    }


  •  1,086
    ThemeNectar replied
    May 22, 2014 at 1:24pm

    Hey Niklas!

    The URL you've linked seems to be to a portfolio item not a blog post and no icons exist in the page - can you kindly provide a link where the problem is visible?

    Cheers


  •  1
    Niklas replied
    May 22, 2014 at 2:12pm

    Sorry, my fault!

    http://www.niklasmoeller.de/2014/05/grand-canyon-rundreise-valley-of-fire/


  •  1,086
    ThemeNectar replied
    May 23, 2014 at 1:03pm

    Thanks for the updated URL! It appears you have them in nested columns - can you try moving them to be the direct columns inside of your row?

  •  1
    Niklas replied
    May 23, 2014 at 1:58pm

    To me it doesn't look like I'm using a nested column! I attached a screenshot of my VC!

  •  1
    Niklas replied
    May 23, 2014 at 2:00pm

    The code of this part is like that:

    [vc_row type="in_container" bg_position="left top" bg_repeat="no-repeat" text_color="dark" text_align="center"][vc_column width="1/12"][vc_column_text]<a title="Rundreise um den Grand Canyon" href="http://www.niklasmoeller.de/2014/05/rundreise-um-den-grand-canyon/">[icon color="Accent-Color" size="large" image="linecon-icon-location"]</a>[/vc_column_text][vc_column_text]<a title="Rundreise um den Grand Canyon" href="http://www.niklasmoeller.de/2014/05/rundreise-um-den-grand-canyon/">Der Anfang</a>[/vc_column_text][/vc_column][vc_column width="1/12"][vc_column_text]<a title="Grand Canyon Rundreise - Death Valley" href="http://www.niklasmoeller.de/2014/05/grand-canyon-rundreise-death-valley/">[icon color="Accent-Color" size="large" image="linecon-icon-location"]</a>[/vc_column_text][vc_column_text]<a title="Grand Canyon Rundreise - Death Valley" href="http://www.niklasmoeller.de/2014/05/grand-canyon-rundreise-death-valley/">Death Valley</a>[/vc_column_text][/vc_column][vc_column width="1/12"][vc_column_text]<a title="Grand Canyon Rundreise – Valley of Fire" href="http://www.niklasmoeller.de/2014/05/grand-canyon-rundreise-valley-of-fire/">[icon color="Extra-Color-2" size="large" image="linecon-icon-location"]</a>[/vc_column_text][vc_column_text]<a title="Grand Canyon Rundreise – Valley of Fire" href="http://www.niklasmoeller.de/2014/05/grand-canyon-rundreise-valley-of-fire/">Valley of Fire</a>[/vc_column_text][/vc_column][vc_column width="1/12"][vc_column_text][icon color="Extra-Color-2" size="large" image="linecon-icon-location"][/vc_column_text][vc_column_text]

Las Vegas

[/vc_column_text][/vc_column][vc_column width="1/12"][vc_column_text][icon color="Extra-Color-2" size="large" image="linecon-icon-location"][/vc_column_text][vc_column_text]

Grand Canyon

[/vc_column_text][/vc_column][vc_column width="1/12"][vc_column_text][icon color="Extra-Color-2" size="large" image="linecon-icon-location"][/vc_column_text][vc_column_text]

Horseshoe Bend

[/vc_column_text][/vc_column][vc_column width="1/12"][vc_column_text][icon color="Extra-Color-2" size="large" image="linecon-icon-location"][/vc_column_text][vc_column_text]

Antelope Canyon

[/vc_column_text][/vc_column][vc_column width="1/12"][vc_column_text][icon color="Extra-Color-2" size="large" image="linecon-icon-location"][/vc_column_text][vc_column_text]

Bryce Canyon

[/vc_column_text][/vc_column][vc_column width="1/12"][vc_column_text][icon color="Extra-Color-2" size="large" image="linecon-icon-location"][/vc_column_text][vc_column_text]

Zion

[/vc_column_text][/vc_column][vc_column width="1/12"][vc_column_text][icon color="Extra-Color-2" size="large" image="linecon-icon-location"][/vc_column_text][vc_column_text]

Rückflug

[/vc_column_text][/vc_column][vc_column width="1/12"][vc_column_text][icon color="Extra-Color-2" size="large" image="linecon-icon-location"][/vc_column_text][vc_column_text]

Das Ende

[/vc_column_text][/vc_column][vc_column width="1/12"][/vc_column][/vc_row]

  •  1,086
    ThemeNectar replied
    May 26, 2014 at 12:40pm

    Hey - i've pasted that exact code into my page and it worked normally, anyway you can allow me to log in so I can check on everything for you?

    Cheers

  •  1
    Niklas replied
    May 26, 2014 at 1:24pm

    Did you add it to a page or as a blog post? Because the problem only happens on a blog post! The CSS-Code thats the reason for the white color is this one located in the themes style.css in line 6330.

    #post-area .span_12:hover .icon-3x[class^="icon-"] {
    color: #FFFFFF !important;
}

    As I said: It's only a problem on blog-posts, not on portfolio-items or pages!

    If you can't reproduce the problem in a blog post, I'll have to take a look if I can give you access to the backend!

    //EDIT
    Oh almost forgot: I deactivated the minify and cache plugins and the problem is still there. So that could not be the problem here!

  •  1,086
    ThemeNectar replied
    May 27, 2014 at 2:06pm

    I have now been able to replicate that only in posts and the line responsible is the one you listed - please feel free to comment that out of the style.css file for now and I've noted to sort this for the next release :)

  •  1
    Niklas replied
    May 27, 2014 at 2:53pm

    I can live with it until then :) Thanks :)