How do I center my logo and tagline?

Hi..

Please make child theme directory and create header.php file.

Now copy code from link and paste into child theme’s header.php file.

Also add below css code into custom css editor.

.logo a img {
    margin-left: 40% !important;
}
.logo p {
    margin-left: 40% !important;
}
@media (max-width:480px){
.logo a img {
    margin-left: 40% !important;
}
.logo p {
    margin-left: 40% !important;
}
}
@media (max-width:768px){
.logo a img {
    margin-left: 40% !important;
}
.logo p {
    margin-left: 40% !important;
}
}

Save the changes.

Thanks.

What is supposed to go in the header.php file?

Hi..

Please make child theme directory and create header.php file.

Now copy code from link and paste into child theme’s header.php file.

Also add above css code.

Thanks.

There must be something wrong with that coding. It must be for another theme. This is from my IT guy.

“”I think they gave you the code for the wrong theme!!!! Your theme has this on line 14: <?php $wl_theme_options = enigma_parallax_get_options(); ?> The code you sent has this: <?php $wl_theme_options = weblizar_get_options(); ?> Your theme is: Enigma-Paralla NOT Weblizar! Header.php for a different theme is not going to work for your theme.”

Thanks!

Hi..

Sorry for inconvenience.

Please copy code from link and paste into child theme’s header.php file.

Thanks.

Okay. Thanks!

Most Welcome..

Thanks.

This centers the logo but the tagline is still aligned to the left of the div even when “text-align: center;” is used.

Any thoughts on how to align the tagline to the center of the page?

Hi,

You should try this code it is responsive.

/* for center the image  */

.logo a img{
 display:block;
 margin-left:auto;
 margin-right:auto
}

/* for center the text */

.logo p{
 text-align:center
}

[Moderator note, please use backticks or the code button for code]

Hi.@pushpendra bansal

Please share your site URL.

Thanks.

It worked. Thanks!

Now, how do I center my tagline? The logo is centered, but not the tagline. It’s: https://www.aeaeventsinc.com

Hi. @cc2018

Please send screenshot where tagline is not in center.

here Tagline is in center.

Thanks.

Hi there @cc2018

Taking a look at the link you provided it appears that you are using margins to try and center you image and text. For the image you can use something like:

.logo a img {
  margin: 0 auto;
}

And then for the text you can change:

.logo p {
  margin-left: 40%!important;
}

to

.logo p {
  text-align: center;
}

Let us know if that helps! ??

Hi there @cc2018

use

.logo p {
text-align: center;
}

for align of text

Thanks Weblizar, Jose, and Pushpendra!