Joomla Templates Club 406,261 posts

[ithacaindy Friend ithacaindyJoin date: January 2010Posts: 335Downloads:0Uploads:10 Thanks: 20 Thanked: 12 times in 1 posts]

#156073

My custom logo is bumping into the menu bar, and I’d like to add room between the bottom of my logo and the top of the menu bar. What CSS do I add to the #logo section? Thanks.

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#361710

Look in template.css

here you can set the margins and height


h1.logo, h1.logo-text {
font-size: 300%;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

and if needed – one more CSS class to adjust logo’s style

h1.logo a {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://templates.joomlart.com/ja_teline_ii/templates/ja_teline_ii/images/logo.gif");
background-position: 0% 0%;
background-repeat: no-repeat;
display: block;
height: 42px;
left: 0px;
position: absolute;
top: 20px;
width: 278px;
}

[ithacaindy Friend ithacaindyJoin date: January 2010Posts: 335Downloads:0Uploads:10 Thanks: 20 Thanked: 12 times in 1 posts]

#361764

I’ve added the margin-bottom and padding-bottom to .h1 logo a {}, but the bottom of my logo still obscures the top line of the menubar. I need to find a way to push the menubar a bit lower, so both the logo and the menubar fully display.

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#361781

give link to your site, it’ll be easier to find a solution.

[ithacaindy Friend ithacaindyJoin date: January 2010Posts: 335Downloads:0Uploads:10 Thanks: 20 Thanked: 12 times in 1 posts]

#361784

The site is in private beta now, but I temporarily fixed the problem by removing the logo’s bottom tagline and reducing the height of the logo.

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#361801

Modify the ‘height’ designated for the logo in the template.css file:

h1.logo a {
width: 424px;
height: 67px;
display: block;
background: url(../images/logo.gif) no-repeat left;
}

[Author]

Posts