Joomla Templates Club 406,261 posts

[sanjiovani Friend sanjiovaniJoin date: September 2006Posts: 217Downloads:0Uploads:32 Thanks: 15 Thanked: 1 times in 1 posts]

#168079

I cannot center the header with the main body of the website – http://www.ilovefilm.me/

i have tried to change the padding coordinates with no luck

please advise

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#410152

Hi,
You replace this code from /templates/ja_bistro/css/template.css in the line #549

#ja-header {
background: url('/templates/ja_bistro/images/header-bg.png') no-repeat center top;
margin-left: auto;
margin-right: auto;
}
with

#ja-header {
background: url('/templates/ja_bistro/images/header-bg.png') no-repeat center top;
margin-left: auto;
margin-right: auto;
padding-left: 58px;
}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#410153

Greetings:

It appears that you had your margins set to “auto” for that particular element within your template.css file.

As you still have your “Optimize CSS” on, it is difficult to advise you as to the exact line the css rule you need to modify his.
Nevertheless, within your templates/ja_bistro/css/template.css file, find the following rule . . .


#ja-header {
background: url("/templates/ja_bistro/images/header-bg.png") no-repeat scroll center top transparent;
margin-left: auto;

margin-right: auto;

}


change to


#ja-header {
background: url("/templates/ja_bistro/images/header-bg.png") no-repeat scroll center top transparent;
margin-left: 30px;

margin-right: auto;

}


Save changes, clear cache, refresh your page and let me know if this is the desired result.

😎

[Author]

Posts