Joomla Templates Club 406,261 posts

[xion Friend xionJoin date: October 2008Posts: 26Downloads:0Uploads:1 Thanks: 3 Thanked: 1 times in 1 posts]

#135152

is there a way that I can align the top main headers?

i have included a screenshot of what I am talking about

---

Attachments:

1. 

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#278409

Hi xion,

In template.css in templatesja_pyritecss folder, about line 779, please find string:

h1.logo a {
width: 100%;
height: 115px;
display: block;
background: url(../images/logo.gif) no-repeat center;
}

You can align the top main header by:

left: background: url(../images/logo.gif) no-repeat left;
center: background: url(../images/logo.gif) no-repeat center; (default for this template)
right: background: url(../images/logo.gif) no-repeat right;

hope it helps.

[xion Friend xionJoin date: October 2008Posts: 26Downloads:0Uploads:1 Thanks: 3 Thanked: 1 times in 1 posts]

#278447

how do i add it in??

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#278515

Hi xion,

The below is my explain in detail:

Please you open template.css in templatesja_pyritecss folder, about line 779, please find script:

h1.logo a {
width: 100%;
height: 115px;
display: block;
background: url(../images/logo.gif) no-repeat center;
}

You can align the top main header by:

+ If you want to align the top main header to left, you replace the script to:
h1.logo a {
width: 100%;
height: 115px;
display: block;
background: url(../images/logo.gif) no-repeat left;
}

+ If you want to align the top main header to right, you replace the script to:
h1.logo a {
width: 100%;
height: 115px;
display: block;
background: url(../images/logo.gif) no-repeat right;
}

Current, this template is aligned to center.

1 user says Thank You to JA Developer for this useful post

1. mom2nine

[mom2nine Friend mom2nineJoin date: January 2008Posts: 3Downloads:0Uploads:0 Thanks: 3]

#281204

This helps a lot. But how do I get the logo to move all the way over to the far left? This is a little to the left, but I need it only about 25px from the left side of the header, so there is room for another module on the right.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#281226

Dear mom2nine,

You can change script below:

h1.logo a {
width: 100%;
height: 115px;
display: block;
background: url(../images/logo.gif) no-repeat center;
}

to

h1.logo a {
width: 100%;
height: 115px;
display: block;
background: url(../images/logo.gif) no-repeat center;
padding-left:25px;
}

[Author]

Posts