Scholar

How to center the LOGO on header in LIGHT theme

I created a Spanish website using weebly 2 years ago under the LIGHT theme. The pre-defined logo was on the left hand upper corner of the header. At that time, I was able to center the logo in the header. (Or the weebly team helped me do so under my request, I dont remember exactly)

 

Last week, I copied that website and created the English version of the same website. Since I need to change the tagline under the logo to English, I had to upload another Logo. However, I could not center the logo anymore after uploading the new logo. I seek helped from the weebly team but they said weebly had installed a new image editor and they cannot center it anymore. 

 

I really like the logo in the center, and I believe I am not the only one. Does anyone know what we can do to center the logo in the header, under the theme LIGHT?

 

And how come an UPDATED NEW weebly image editor cannot do something which we could do? It doesn´t make sense! 

 

Louis

24 REPLIES
Mayor

Re: How to center the LOGO on header in LIGHT theme

@Louis1

 

Address of your website so we can take a look?

Scholar

Re: How to center the LOGO on header in LIGHT theme

Hi there, 

 

The Spanish site I had made 2 years ago was www.orient-plus.net , you can see the logo is in the center of the header.

 

The English site I made recently is www.businesstriptochina.com , you can see the logo is on the left hand corner, which I could not center. 

 

Please have a look and let me know what you reckon. Thx!

 

Rgds,

L

Scholar

Re: How to center the LOGO on header in LIGHT theme

Any insight?

Community Manager

Re: How to center the LOGO on header in LIGHT theme

Try adding this to Settings > SEO > Header Code:

 

<style>
	#logo { text-align: right !important; }
	#header-right { width: 40%; }
</style>

 

It should fix it on the live site for you.

- Adam
Community Manager
Scholar

Re: How to center the LOGO on header in LIGHT theme

Yes, it works! Thx Mr. Adam a ton! You are able to solve this even when the weebly zendesk told me it is impossible to edit that! You are the man!

 

 

Community Manager

Re: How to center the LOGO on header in LIGHT theme

No problem - glad to help! Smiley Happy

- Adam
Community Manager
Scholar

Re: How to center the LOGO on header in LIGHT theme

Hello, My website is www.diapersaway.ca  and I am trying to centre my logo to make it bigger. I tried using the code that you provided in my header but it is not working. Am I doing something wrong? My logo is so tiny on the side!

Employee Moderator

Re: How to center the LOGO on header in LIGHT theme

Hi @tmaria90 I'm pretty sure those codes might be theme specific. The theme you are currently using is Unite 2. I'm not much help with the code you would need, but I can give you some suggestions for an alternate theme (such as CleanLines) that doesn't have logo restrictions. Adam can probably help you out in the morning as well. Smiley Happy

Scholar

Re: How to center the LOGO on header in LIGHT theme

If I change themes, will all the content from my site get deleted and I have to start fresh? I'm so scared to change anything in case it gets erased and I'm starting from scratch.