Tooltip being cut off by module container

GK User
Mon Dec 26, 2011 5:49 pm
I have a module (Simple RSS Reader by JW) displaying in left_left. The module works perfectly except that the tooltip it displays on mouse over is cut off within the size of the module. I understand this might have something to do with overflow: hidden but im not sure where and what I need to edit in the Templates CSS?

Thanks
Adam
User avatar
Fresh Boarder

teitbite
Mon Dec 26, 2011 6:13 pm
Hi

Please show me Your site. It's a overflow:hidden issue. I'll tell You where to change it.
User avatar
Moderator

GK User
Mon Dec 26, 2011 6:36 pm
teitbite wrote:Hi

Please show me Your site. It's a overflow:hidden issue. I'll tell You where to change it.


Oops sorry cant believe I forgot to link

http://www.gridjump.net/joomla/

Its the column to the left of the main body , mouse over the articles.
User avatar
Fresh Boarder

GK User
Thu Dec 29, 2011 5:59 pm
Hey just checking you/someone has seen this link, I know its Christmas and I'm not in a hurry yet :)
User avatar
Fresh Boarder

GK User
Thu Jan 05, 2012 12:19 pm
Would really like to get this working if anyone can help?
User avatar
Fresh Boarder

GK User
Thu Jan 05, 2012 1:16 pm
Backup below files before editing.

Find File: /templates/gk_game_magazine/css/template.css
Find Line: 83
Which is below
Code: Select all
/* Suffixes */
.box,
.box_text { overflow: hidden; margin-top:20px; }

Delete overflow:hidden; so it looks like below
Code: Select all
/* Suffixes */
.box,
.box_text { margin-top:20px; }


Find Line: 88
Which is below
Code: Select all
.box > div,
.box_text > div { overflow: hidden; }

Delete them

So your final code should look as below

Code: Select all
/* Suffixes */
.box,
.box_text { margin-top:20px; }
.box:first-child,
.box_menu:first-child,
.box_text:first-child { margin-top: 0!important; }
.box_content { padding: 0; overflow: hidden; color:#555; font-size:13px; line-height:1.2; }
.box li,
.box_text li {  line-height: 28px;  font-weight:normal; padding-left: 28px; background: transparent url('../images/bullet.png') no-repeat 0 7px;  }
.box li a,
.box_text li a { text-decoration: none; }
.box a,
.box_text a { text-decoration: none; }

/*--- default */


See you around...
User avatar
Platinum Boarder

GK User
Fri Jan 06, 2012 12:10 am
Thanks, all seems to be working perfectly after that.
User avatar
Fresh Boarder

GK User
Sat Jan 07, 2012 9:56 pm
Applied the solution to my Boutique template.css but still have the same problem - have I missed an overflow somewhere?

Are there additional changes for this template?

Thanks for your time and patience.

Katherine
User avatar
Fresh Boarder

GK User
Sun Jan 08, 2012 9:10 am
Hi there katherine@work,

Can you please post a link to your website so we can check, thank you.

See you around...
User avatar
Platinum Boarder


cron