Joomla Templates

Please help me with te following issue.

The blue bar that appears just outside the right-wing column. How can I fix this problem?

Post edited by: Clurinus, at: 2008/07/14 13:22<br><br>Post edited by: Clurinus, at: 2008/07/14 13:24

Looks like you have a menu published right?
We might need to add another module position to the right column - are you comfortable editing the code in the template? You'll need to be able to ftp it your server, etc when we're done.

It's indeed a menu published right.
Sounds good to me

Ok so the issue is that on the right side of Transparent Bliss we have a DIV that holds all the modules called:

#farrightinner2 {
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
}
As you can see it has padding left and right which means nothing published right can actually go all the way to the edge - it's being pushed out by 10px on the left and overflowing on the right...

We could tackle this in a couple of ways - you could give your menu a class suffix which will let us target it with some specific css - we could then give tis menu a -10px margin which would pull it back inline.

But perhaps easier and what I'm going to suggest first is simply creating a module position outside of the farrightinner2 DIV so that it is not being padded.

Open index.php and find:


Simply move the following:


So that it now looks like:


Let me know if that works - user4 will obviously be where you want to publish your menu and right can be used for anything you want to keep within 10 px of the bounds of the right column.

Cheers BB<br><br>Post edited by: Big Bear, at: 2008/07/18 19:33

Where almost there. Only now I want the menu title (or module title) 10px to the right. Just like the menu title in de column on the left site of the page. In this case the title 'de Vereniging'is the same as Hoofdmenu.

Check
www.test.aopelaanders.nl/index.php? optio...d=1&amp;Itemid=4

Thanks for your help this far.

Try adding this to your CSS style sheet:



Also I think if you don't plan to use the top banner ad position you could go into index.php and just delete the following around line 46:



alternatively in your CSS style sheet just give #topbanner a width of 10px or some small value and it won't fight with your logo for space!

:)

Looking good!