Joomla Templates Club 406,261 posts

[craigieb Friend craigiebJoin date: July 2008Posts: 69Downloads:0Uploads:20 Thanks: 12]

#149080

Hi,
I want to move the main menu down slightly so its more centred with the logo (see here http://www.thecosmeticcounter.co.uk/ ) but can’t find the CSS in firebug.
Also, is there a Module Class Suffix to remove all padding from around a module?
Cheers
Craig:D

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#334137

craigieb;166822Hi,
I want to move the main menu down slightly so its more centred with the logo (see here http://www.thecosmeticcounter.co.uk/ ) but can’t find the CSS in firebug.
Also, is there a Module Class Suffix to remove all padding from around a module?
Cheers
Craig:D

Hi craigieb,

change your template.css (templates/ja_lead/css/template.css), from line 842, to line 917 to this:

#ja-header {
line-height: normal;
position: relative;
padding-bottom: 10px;
z-index: 999;
height: 100px;
}

#ja-header .main {
position: relative;
}

h1.logo, div.logo-text {
position: absolute;
bottom: 0;
left: 0;
top: 15px;
margin: 0;
padding: 0;
height: 90px;
width: 250px;
}

h1.logo a {
background: url(../images/logo.png) no-repeat top left;
display: block;
height: 90px;
width: 250px;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

div.logo-text {
width: 250px;
margin: 25px 0 0;
outline: none;
}

div.logo-text h1 {
float: left;
font-size: 250%;
font-weight: normal;
letter-spacing: 2px;
margin: 0;
padding-right: 10px;
}

div.logo-text h1 a {
color: #BB2222;
text-transform: uppercase;
}

div.logo-text h1 a:hover,
div.logo-text h1 a:focus,
div.logo-text h1 a:active {
text-decoration: none;
}

.site-slogan {
color: #454545;
display: block;
float: left;
margin: 0;
padding: 0;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
background: #000000;
margin: 50px 0 0;
width: 699px;
float: right;
z-index: 9999;
}

Off course, backup your template.css first, in case i made a mistake somewhere (i used your logo to make changes, so it should be ok).

If you want to make additional corrections to main menu’s vertical position, change the value 50px on the line in red:

#ja-mainnav {
background: #000000;
margin: 50px 0 0;
width: 699px;
float: right;
z-index: 9999;
}

and please report back, so we can make adjustments if needed.

Good luck 🙂

1 user says Thank You to histeriks for this useful post

1. craigieb

[craigieb Friend craigiebJoin date: July 2008Posts: 69Downloads:0Uploads:20 Thanks: 12]

#334138

Cheers fella,
That hit the spot! Fantastic. Whilst I’ve got your ear; I don;t suppose you’d know how to style the virtuemart categories to match the template? I looked at mod_virtuemart but the PHP scared me off!
Ta
Craig

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#334142

craigieb;166834Cheers fella,
That hit the spot! Fantastic. Whilst I’ve got your ear; I don;t suppose you’d know how to style the virtuemart categories to match the template? I looked at mod_virtuemart but the PHP scared me off!
Ta
Craig

I’ll see what i can do 😉

1 user says Thank You to histeriks for this useful post

1. craigieb

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#334145

What version of VM you have installed, and which module is that?

[craigieb Friend craigiebJoin date: July 2008Posts: 69Downloads:0Uploads:20 Thanks: 12]

#334148

Hey, its VirtueMart 1.1.4 & the module is mod_virtuemart .
Thanks

[Author]

Posts