Joomla Templates Club 406,261 posts

[augengott Friend augengottJoin date: September 2010Posts: 85Downloads:0Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#155350

Hello,
right now the logo in the header section is displayed left.
I want to have this in the middle – how can I do this?
thanks

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#359372

<em>@augengott 198874 wrote:</em><blockquote>Hello,
right now the logo in the header section is displayed left.
I want to have this in the middle – how can I do this?
thanks</blockquote>

Dear augengott,

You can go to the template.css file,Look for the css
h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 15px;}
Just change it to
h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin: 0 auto;}

I do hope that will help !

[augengott Friend augengottJoin date: September 2010Posts: 85Downloads:0Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#359412

this changed nothing.. other ideas?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#359482

<em>@augengott 199052 wrote:</em><blockquote>this changed nothing.. other ideas?</blockquote>

Dear augengott,

Pls try again with this css
h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin: 0 auto !important;}

[augengott Friend augengottJoin date: September 2010Posts: 85Downloads:0Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#359518

no, also nothing…. tried in firebug and also in css – no changes

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#359616

Can you please provide me the link to your site, i will check and give you right solution.

Thanks

[augengott Friend augengottJoin date: September 2010Posts: 85Downloads:0Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#359947

I’m sorry – but it’s only on localhost..
but if you can move your logo (for example at the demo site) this will probably work for me as well…

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#360382

ok, now you open the file template.css file
and find the following code:

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 15px;}You adjust value of the margin-left attribute to move the logo,

Clear cache and check for the results.

[augengott Friend augengottJoin date: September 2010Posts: 85Downloads:0Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#360444

and WHAT do I have to put there? I’m not a pro :laugh:
Of course if I enter 300 the logo goes more to the right – but I use the “auto” setting in the template so that the page looks always the same in every size and so I also want the logo automatically be in the middle

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#360886

<em>@augengott 200383 wrote:</em><blockquote>and WHAT do I have to put there? I’m not a pro :laugh:
Of course if I enter 300 the logo goes more to the right – but I use the “auto” setting in the template so that the page looks always the same in every size and so I also want the logo automatically be in the middle</blockquote>

you replace above code to:

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 46%;}

from margin-left: 15px; to margin-left: 46%;

[Author]

Posts