4 replies [Last post]
kiwi_steve's picture
Offline
Joined: 01/14/2008
Juice: 131
Was this information Helpful?

Hi guys, I'd really appreciate someone having a look here: www.4wdstuff.co.nz and giving me their best guess as to how to fix my catalog block. The block is limited to 230px wide, and the content limited to 228, so that when it is hovered the entire line can be color-changed (hard to explain, try it and see on the navigation menu). The catalog content however is spilling over and wiping out the right border of the block.

Now the problem I think after much investigation and using Firefox with the web developer module is that the block is using the .content ID rather than the .content-menu one - you can see the forum block uses the .content one and pushes the text over 20px (it has a padding:20px line in the css for it) where the .content-menu one does not.

Sooo, the upshot is that I would love to know where I can change the block to use .content-menu so that hopefully it will display properly without spilling out of the block and wiping out the right side border. I found the place in the catalog module where I believe it creates the block, but couldn't see any reference to any particular id to use.

Thanks in advance, and for what I have now - Ubercart is great Smiling

Steve
4WD Stuff

--- There are no personal problems that can not be overcome with the liberal application of high explosives ---

Alaska's picture
Offline
Joined: 10/16/2007
Juice: 1433
Site

Here is a screen shot of your page in FF 2.0.0.11. Did not locate the issue you are speaking of as the page seemed to look OK on this end.

In any event, also give FireBug a try as a nice add on to FF. It will allow a person to change CC on the fly and see the results in your FF browser. It is a nice supplement to Web Developer.

Jim

AttachmentSize
stuff.png 240.02 KB
kiwi_steve's picture
Offline
Joined: 01/14/2008
Juice: 131
Re: Site

Hi Jim, thanks for the quick reply... I've edited your screenshot to show the bit thats giving me trouble - sorry I had forgotten I'd renamed the catalog block to Online Store... its this left block I'm refering to...

I'll definitely check out the firebug addon tho, always looking for cool nerd toys to clutter my browser with Smiling

Steve

AttachmentSize
stuff_modified.png 226.1 KB

--- There are no personal problems that can not be overcome with the liberal application of high explosives ---

TR
TR's picture
Offline
Bug FinderFAQ ModeratorGetting busy with the Ubercode.
Joined: 11/05/2007
Juice: 3424
Re: Text flowing out of block

Edit your block.tpl.php file to change the "content" class to "content-menu"

If you want a different styling just for your forum block, copy block.tpl.php to block-forum.tpl.php and modify that.

I have to second Alaska's endorsement of Firebug - it was trivial to make this change and see the result!

<tr>.
kiwi_steve's picture
Offline
Joined: 01/14/2008
Juice: 131
Re: Re: Text flowing out of block

Done and Fixed! Thanks heaps Jim and TR. And yes I downloaded and had a play with Firebug last night - what a ripper of a tool... although it showed that the .JS files are making my site very slow to load - I might do some googling on this but is there any way to speed that process up?

Oh, I made the suggested change, then found the forum block was wonky so did as you suggested and made a forum-specific block.tpl.php - although the shopping cart one was as well so I also had to make a block-uc_cart.tpl.php to fix that (just guessed the name - it worked Smiling )

Thanks again guys, I'm getting there slowly but the support I'm getting back from this forum while I struggle to come to terms with PHP and modern CSS is top notch. The last language I really understood well was BASIC, and a little of Z80 assembly lingo... which is possibly showing my age a little. Sticking out tongue

Thanks again...

Steve
4WD Stuff

--- There are no personal problems that can not be overcome with the liberal application of high explosives ---