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, 04:21 AM
agge12
 
13 posts · Jan 2012
Gothenburg Sweden
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, 04: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, 05: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 06:06 AM.
  #4  
Old May 6, 2013, 12:02 PM
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 01:47 PM.
  #5  
Old May 6, 2013, 12:25 PM
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, 12:41 PM
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
  #7  
Old May 6, 2013, 12:45 PM
agge12
 
13 posts · Jan 2012
Gothenburg Sweden
Now I have fixed Everything.
Works perfect!

Many thanks

Last edited by agge12; May 6, 2013 at 01:46 PM.

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 10:15 AM
[SOLVED] Change Menu/Widget Hover Color? azhskr Montezuma Theme 4 Jan 31, 2013 07:44 PM
[SOLVED] Cannot change table in widget generated by Javascript webgurl Sidebars & Widgets 10 Apr 5, 2012 10:17 AM
[SOLVED] change headline post hover background color jrobie23 Post-Kicker, -Byline & -Footer 2 Apr 20, 2011 09:35 AM
table: change background color in one cell petevannuys Center area post/pages 1 Nov 14, 2010 09:32 PM


All times are GMT -6. The time now is 12:14 PM.


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