Custom Logo Alignment Not Working

romeosidvicious
(@romeosidvicious)

11 years, 1 month ago
I’m working on customization for a new site right now and the latest update to Evolve has my custom logo refusing to center. I can align it to the right but both “center” and “left” align the image to the left. I have attempted to add
```
#logo-image a {
float:none;
margin:0 auto;
width:0px;
}
```
to the Custom CSS to no avail.

The site in question is my sandbox. According to Chrome’s element inspector the custom css isn’t being picked up and there are multiple css blocks affecting the image. I don’t mind doing custom css to solve the problem or even editing theme files if necessary. I was planning to launch this in the next couple of weeks so any help would be appreciated.

Viewing 7 replies - 1 through 7 (of 7 total)

Thread Starter romeosidvicious
(@romeosidvicious)

11 years, 1 month ago

It seems I’ve solved my own problem. The theme was scaling the image and it ended up larger than the container. Once I got the size right, where scaling would make it the right size the centering works without any custom css. It would be nice to offer a crop to the right dimensions for the custom logo image as it’s not clear what having an image that scales outside of the boundaries will do. In my case it was left alignment even when center was selected.

emranemranx
(@emranemranx)

11 years, 1 month ago

Hi there,

Thanks for writing us,

Would you please confirming us about your issue whether it has solved so we will provide you further assistance if its still facing problems.

Thanks.

bosco-carvalho
(@bosco-carvalho)

11 years, 1 month ago

Hi romeosidvicious and emranemranx,
Could you please tell us wich size can be centered?
I’m having the same issue at http://www.cerradoalimentosorganicos.com.br
emranemranx
(@emranemranx)

11 years, 1 month ago
Hi Bosco Carvalho,

Thanks for writing us,

If you wish to center your header logo which is floated on the left side so far. You surely can center it if I’m not mistaken about your requirement by using a CSS code into your theme customizer.

If you want the header logo look like such in the screenshot below:

http://prntscr.com/72v0c4

To achieve such outcome go to the Appearance > Theme Options > Custom CSS

And insert the code given into this:
```
#logo-image {
  margin-right: 20px;
  margin-left: 10px;
  margin: 0 auto;
  display: block;
}
```
Hope this helps!

Thanks.
emranemranx
(@emranemranx)

11 years, 1 month ago
Hi Bosco Carvalho,

Thanks for writing us,

If you wish to center your header logo which is floated on the left side so far. You surely can center it if I’m not mistaken about your requirement by using a CSS code into your theme customizer.

If you want the header logo look like such in the screenshot below:

http://prntscr.com/72v0c4

To achieve such outcome go to the Appearance > Theme Options > Custom CSS

And insert the code given into this:
```
#logo-image {
  margin-right: 20px;
  margin-left: 10px;
  margin: 0 auto;
  display: block;
}
```
Hope this helps!

Thanks.
Mazinger-Z
(@mazinger-z)

10 years, 8 months ago
Current version, this solution does not work, nor does the ‘Center’ option work in the Customize menu. In order to make this work, I had to use this CSS
```
#logo-image {
  margin-right: 20px;
  margin-left: 10px;
  margin: 0 auto;
  display: block;
  float:none;
}
```
Despite using this ‘center’ option, the float: left was persisting and screwing up.
Denzel Chia
(@denzel_chia)

10 years, 8 months ago

Hi Mazinger-Z

Please open a new thread and post your website url.

Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Custom Logo Alignment Not Working’ is closed to new replies.

Tags