Size, color and Mouseover module HEADER...

Hi. As I can resize boxes Header module, color and activate the mouse hover in some links ?. I need the boxes are of the same dimension, thanks, greetings. René

Hi

"Some" is a very foggy. Please show me exactly which links You have in mind.

Hi. - I need the three boxes are the same size ... - Where I can change the color of each of the boxes ?, this because I do some tests based on how it looks with the logo I'm designing ... In the first box from left to right: "COMPANY", I activated the links to these four texts: PARTI ELETTRONICHE, CABLAGGI ELETTRICI, COMPONENTI PLASTICI, INDUSTRIA AUTOMOTIVE, but I Hover the mouse does not work, I tried but it does not work ... Some solution ?, thanks, greetings ...

Hi

For start I can see You've named all links as id="gkBigTitle", this is wrong. There cannot be 2 elements on website using the same id="", remove it since it has no impact on the style anyway.

Selector to play with hover effect will be:

Code: Select all

.gkColorPriceTable a:hover {
text-decoration: underline;
}


Hi. Thanks for your reply. Now hover effect works only when I remove the: id = "gkBigTitle" I lose Strong effect ... Any Idea ?, thanks, greetings ...

Hi

Right now the code is broken. You've probably removed a little too much. Just fix it so it will looks like this:

Code: Select all

<a href="http://www.tainternational.it/contattaci.html"><strong>PARTI ELETTRONICHE</strong></a>


Hi.
* I need the three boxes are the same size ... Where I can change?

* Where I can change the color of each of the boxes ?, this because I do some tests based on how it looks with the logo I'm designing ...

-- <a href="http://www.tainternational.it/contattaci.html"><strong>PARTI ELETTRONICHE</strong></a>
***I tried your code, only when passing the mouse, hover effect works, but the text is not displayed ... Any ideas ?, thanks, greetings ...

Hi

To have it same sie remove class "gkPremium" from html. It's added to the second box:

Code: Select all

<dl class="gkPremium">


Color of each box can be set with code:

Code: Select all

.gkColorPriceTable dl:nth-child(1) {
    background-color: red;
}

.gkColorPriceTable dl:nth-child(2) {
    background-color: blue;
}

.gkColorPriceTable dl:nth-child(3) {
    background-color: green;
}


but first fix Your html syntax. Some html tags are not closed. The number of opened html tags needs to be same as their closing tags, right now something is not right there.

Which text is not displayed ? Everything looks ok to me (except the html syntax error).

Hi. In this case, when I remove the code: <dl class = "gkPremium"> All of misalign, the box goes down, it does not work ...
The color change works, but I just change the internal color of the box ... I do not change the details of the different circles ... If you look, now each box has the same color of the circle that is below where it says + INFO.
* I did with Responsive test with SAMSUNG GALAXY S2 and the third box does not look good, this disproportionate ...
** This code I leave it as you instructed me: <dd> <a href="http://www.tainternational.it/contattaci.html"> PARTI ELETTRONICHE </a> </ dd>
Mere you what happens ... Disappears with hover ...
****I give an example of a line with open tags, please...

Any solution, thanks, greetings ...

Hi

I think it's just because of the validation issue and html inconsistency with what ws used in demo. For example "PARTI ELETTRONICHE" is using a code:

Code: Select all

<dd>
<a href="parti-elettroniche.html">PARTI ELETTRONICHE</a>
</dd>


while in demo <strong></strong> are added

Code: Select all

<dd>
<a href="http://www.tainternational.it/parti-elettroniche.html"><strong>PARTI ELETTRONICHE</strong></a>
</dd>


Hi. Thanks for your reply ... Any solution to the remaining problems of this post?, thank you, very much. Greetings...

Hi

What are the remaining problems of this post ? I think everything is solved already.

Hi. In this case, when I remove the code: <dl class = "gkPremium"> All of misalign, the box goes down, it does not work ...
The color change works, but I just change the internal color of the box ... I do not change the details of the different circles ... If you look, now each box has the same color of the circle that is below where it says + INFO.

** This code I leave it as you instructed me: <dd> <a href="http://www.tainternational.it/contattaci.html"> PARTI ELETTRONICHE </a> </ dd>
Mere you what happens ... Disappears with hover ... Thank you, very much, greetings from Italy!

Hi

Please look at my post, I told You to change it to:

Code: Select all

<dd>
<a href="http://www.tainternational.it/parti-elettroniche.html"><strong>PARTI ELETTRONICHE</strong></a>
</dd>


can You see this <strong></strong> ? They are missing right now causing the problem on hover.



About <dl class = "gkPremium"> I asked to remove CLASS: gkPremium, not whole line. So putting it simplier. Change:

Code: Select all

<dl class = "gkPremium">


to

Code: Select all

<dl class = "">