-
AuthorPosts
-
June 15, 2011 at 7:59 am #165238
I know the question has occured on how to get the small logo layout on all pages including frontpage. But I would like to have the layout with the big logo and center menu on all pages.
June 15, 2011 at 12:50 pm #396498Hi
To show header & menu same as frontpage on all pages, you can edit template.css as per following :
1.
#ja-header
{background: url(../images/header-subpage-bg.gif) repeat-x top left;
line-height: normal;
position: relative;
z-index: 10;
}
#header .main .inner { padding: 0px 10px 0; margin:0 auto; }
h1.logo, div.logo-text h1 { font-size: 200%; line-height: 1; }
h1.logo, div.logo-text { float: left; position: relative; z-index: 12; }
/* Logo Image —*/
h1.logo { height: 42px; width: 163px; }
h1.logo a
{background: url(../images/logo2.png) no-repeat left !important;
display: block;
height: 42px;
width: 163px;
}
h1.logo a span { position: absolute; top: -1000px; }
h1.logo, div.logo-text
{float: left;
}
/* Logo Text —*/
div.logo-text { }
div.logo-text h1 { float: left; }
div.logo-text h1 a {
color: #fff;
font-weight: bold;
letter-spacing: 1px;
text-decoration: none;
}
Instead of this , please change code to#ja-header
{
background: url(../images/header-bg.gif) repeat-x top left;line-height: normal;
position: relative;
z-index: 10;
}
#header .main .inner { padding: 0px 10px 0; margin:0 auto; }
h1.logo { float: none; margin: 0 auto; }
h1.logo { height: 80px; width: 318px; }
h1.logo a {
background: url(../images/logo.png) no-repeat left !important;
height: 80px;
width: 318px;
}
div.logo-text { float: none; padding-top: 0; text-align: center; }
div.logo-text h1 { float: none; font-size: 500%; }
div.logo-text p.site-slogan { float: none; font-size: 150%; }
#ja-mainnav { padding-top: 30px; }
#ja-mainnav .inner
{margin: 0 auto;
}
#ja-mainnav{
margin-left:0px;
}
#ja-mainnav .inner{
float:none;
}
2. Remove this code from template.css
#ja-mainnav .inner
{
float:right;
}3 . Also add this code line
#ja-subnav .jasdl-subnav {margin: 0 auto;
padding: 0 150px;
}
#ja-subnav .inner {
float: none !important;
}
If still you have any problem regarding this , please let me know your joomla admin details & FTP details at my PM , so that I can fix it. -
AuthorPosts
This topic contains 2 replies, has 2 voices, and was last updated by amita 13 years, 6 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum