Continuous menus with transparency

[hotbelgo]

Hi
I'm trying to tidy up my draft site (on a home server, so not always up). http://amsterdamfoodie.dyndns.org:61112/afbeta/

Two points:
1) as I want to use some transparency, and to have drop down menus, I end up with the background to menu items standing out from the rest of the menu background, which is ugly
2) On a page with a custom layout ( http://amsterdamfoodie.dyndns.org:61112/afbeta/map/ and note that I don't want the border line but leave it there for the moment to show that defaults don't seem to work), the left hand content is not aligned with the sidebar. I may have messed something up along the way but don't think so.

Help welcome

HB

[Colin]

A couple more bits of custom css will fix this

Code: Select all

#top10text {height:250px;}
.cl-warea-1 .cl-widget { width: 99%;}


[hotbelgo]

Thanks for the idea, which I have implemented, but unfortunately the map (and it's encapsulating border) is still slightly lower than the top widget in the sidebar. Any other ideas?

[drake]

Add also at Custom Styles:

Code: Select all

#content {margin-top:7px;}

[hotbelgo]

Great, question 2 solved

[Colin]

Your top10text isn't picking up the height setting from the custom css as it is being overwritten by an in-line style on the element which has higher priority. You need to remove the in-line style then the custom css will take effect. It is currently cutting off half the bottom line of text.