Wordpress Themes - WP Forum at BFA - [SOLVED] How to make table in widget change background on hover?

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - [SOLVED] How to make table in widget change background on hover? (http://forum.bytesforall.com/showthread.php?t=20240)

[SOLVED] How to make table in widget change background on hover?

Post this again since it wasn´t solved.
I also made Another donation.....

I have made for widget areas in the top center area. In them I put text widget and tables that I have created. I can´t get the hover function to work properly. I tried some different codes.
I want them to change background colour on hovering. Which code is best to put in there and where?

Thanks in advance, would really appreciate all help.

Regards: Agge

Is it best to put the code in the table itself or should I put it in some of the style sheets in the editor? In that case in which one?
How do I adress the right widget?

1) See pm about the donation
2) Why are you even using a table in the text widget, there is no need? You have a one row one column table in each widget.

I would change the widget areas to be like this (this is the first one)

HTML Code:

        <div class="my_box">

                <a

 href="http://www.solidinvestment.se/kop-salj-bolag"

 target="_self">        

                <img style="width: 173px; height: 130px;" alt="Kapitalplacering" src="http://www.solidinvestment.se/wordpress/wp-content/uploads/2013/05/kapital-173x130sv.jpg">

                <p class="my_title">Kapitalplacering</p>

                <p>Vill du&nbsp;investera i trygga &amp; s&auml;kra

projekt?&nbsp;</p>

                Investering med bra avkastning.<br>

                Fastighetsprojekt, Utlandsprojekt<br>

                <p>Kontakta oss s&aring;ber&auml;ttar vi mer om vilka projekt som &auml;r aktuella just nu.</p>

                </a>        

        </div>

then style it by adding this toi the CSS inserts

HTML Code:

.my_box img {margin-top: 10px;}

.my_box:hover {background-color: green; color: #666666;}



.my_box {

    background-color: transparent;

    border: 2px solid #163B55;

    height: 340px;

    text-align: center;

    vertical-align: top;

    padding: 10px;

    width: 190px;

    margin: 5px;

}



.my_title {

        font-weight: bold; 

        font-size: 16px;

        color: #000000;

        }

Now you can make changes quickly with the CSS and the code in the widget area is much easier to deal with.

Hi.
Thanks a lot.
Trying right now to implement this. code.
Seems to work fine.

Seem to be much easier this way.

Saw your Pm.
Sent Everything I got.
Please let me know if you need something else.

Sorry am tired. Found the width section, was right in front of me :)

Now I have fixed Everything.
Works perfect!

Many thanks