Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

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


  #1  
Old May 3, 2013, 03:21 AM
agge12
 
13 posts · Jan 2012
Gothenburg Sweden
Help [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
  #2  
Old May 3, 2013, 03:46 AM
agge12
 
13 posts · Jan 2012
Gothenburg Sweden
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?
  #3  
Old May 3, 2013, 04:17 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.

Last edited by juggledad; May 3, 2013 at 05:06 AM.
  #4  
Old May 6, 2013, 11:02 AM
agge12
 
13 posts · Jan 2012
Gothenburg Sweden
Hi.
Thanks a lot.
Trying right now to implement this. code.
Seems to work fine.

Seem to be much easier this way.

Last edited by agge12; May 6, 2013 at 12:47 PM.
  #5  
Old May 6, 2013, 11:25 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you get my PM?
  #6  
Old May 6, 2013, 11:41 AM
agge12
 
13 posts · Jan 2012
Gothenburg Sweden
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

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to make table in widget change background on hover? agge12 Sidebars & Widgets 9 May 2, 2013 09:15 AM
[SOLVED] Change Menu/Widget Hover Color? azhskr Montezuma Theme 4 Jan 31, 2013 06:44 PM
[SOLVED] Cannot change table in widget generated by Javascript webgurl Sidebars & Widgets 10 Apr 5, 2012 09:17 AM
[SOLVED] change headline post hover background color jrobie23 Post-Kicker, -Byline & -Footer 2 Apr 20, 2011 08:35 AM
table: change background color in one cell petevannuys Center area post/pages 1 Nov 14, 2010 08:32 PM


All times are GMT -6. The time now is 12:52 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.