Change header font color on hover

[pakales]

Hello, 

 

I'd like to change font color and underline my header links on hover, module "blockpermnentlinks".

My PrestaShop uses custom theme with 3 versions of headers and I have included "blockpermanentlinks-header.tpl" into the 2'nd version of my theme "header-v2.tpl" file. Here is the part of that code:

---------

<div class="header-v2">

    <section id="header_top" class="hide-below-1024">

        <div class="row">

            <div class="column col-8-12" style="font-size:11px">

                <div class="custom-header-area">

                    {include file="$tpl_dir./modules/blockpermanentlinks/blockpermanentlinks-header.tpl"}                    

                     <span class="wpicon wpicon-phone small"></span>

<span>

---------

I tried to modify these css files /themes/MyTheme/modules/blockpermanentlinks/blockpermanentlinks.css also /modules/blockpermanentlinks/blockpermanentlinks.css and added this line

"#header_links a, #header_links:hover {color:red; text-decoration:underline}" 

 

...BUT it did not work for me.

 

Spent lot of time for this, but nothing.. 

Any help please?

 

My shop is: www.glosstyle.com

 

 

 

 

 

[NemoPS]

Are those links the ones at the top of the homepage by default? If so, I'd replace that #header_links with .custom-header-area

[Paulito]

Hello

 

Just tried this and it works for me when you hover over the link:

 

#header_top a {color:red; text-decoration:none}

 

#header_top a:hover {text-decoration: underline!important;}

 

http://screencast.com/t/re9imUN1h9

 

or are you looking for something else

 

Paul

[pakales]

Hello, 

 

yes those links at the top of the page.

Already solved the problem. Added #header_top a:hover {color: red!important;} to the theme.css file, not permanentlinks.css.

Many THANKS to PAULITO!