How To Make a Logo On Center in WordPress

Do you want to make the logo in the center of the header on our theme?

Most of Acme Themes gives you a flexible option for making your logo in the center. You can find it in the

  • Dashboad>Appearance>Customize option
  • Header Options>Header Placement>Logo and Advertisement Position

Available Options

  • Left Logo and Right Ads
  • Right Logo and Left Ads
  • Center Logo and Below Ads

If you do not find this option you have to manually position it by using Custom CSS code. 

For that, you have to add just two lines of CSS codes to your site. We have a Custom CSS field on the theme. You can simply copy and paste the below code there. It easily makes the logo/Site title and tagline in the center. But Please follow the basic things below for every theme.

  • 1. First, log in to your site
  • 2. Go to Dashboard
  • 2. Go to Appearance > Customize > Layout/Design Options > Custom CSS
  • 3. Add the CSS code there.
  • 4. If the preview is fine, click on Save & Publish button to save the changes.
custom-css

How to Set Logo on the Center on Other Themes?

Since every theme has got its, own class you can not say that a particular code makes an impact. However, try using the following codes in your CSS file.

.site-logo { 
width: 100%; 
text-align: center; 
}
.site-logo-link > img, .custom-logo-link img { 
margin-left: 50%; 
}
.site-branding {
    text-align: center;
}

Other SEO Articles:

✅ 13 Essential SEO Tips For WordPress Website
✅Technical SEO For a Website?

If you liked this article, then consider following us on Twitter and Facebook and LinkedIn.