WordPress

How To Change Vantage Theme Logo Size

Change Vantage Theme Logo Size

Here iam sharing the complete custom step by step guide to change Vantage theme logo size.

About Vantage

Vantage is a multi-purpose (Website & Blog), response theme which developed with an array of amazing Plugins. Vantage is one of the SiteOrigins famous theme, about 1 million people download it.
Vantage has both full width and boxed layouts. Vantage works better with SiteOrigin Widgets Bundle. Vantage also supports additional widgets bundles like, Livemesh and WPinked Widgets.

Vantage is fully works with SiteOrigin CSS editor, it’s a better CSS editor which provides you to change your WordPress site design as you want.

If you have installed Vantage WordPress Theme and want to change the logo size with custom way, this article will beneficial for you .

You can change the logo size without install any Plugin or edit the theme files.

Let’s Start

Step 1:

Login to your Wordpress Site

Step 2:

Go to Appearance → Customize → Additional CSS

Step 3:

Copy the below CSS code and paste it in Additional CSS section

.custom-logo {
width: 200px;
height: 180px;
}

Note : You can increase or decrease the width and height according to you.

If you selected ‘Logo In Menu’ option, then yo can also use the below CSS code in Additional CSS section for more logo beauty.

#menu-men.menu {
  padding: 0px;
}
.custom-logo-link {
margin-top: -45px;
margin-bottom: -100px;
}

Here are a few guides for you to read next:

What’s Next!

Now if you have any questions, don’t hesitate to let me know through comment or email, i will try to help you.

If you find this article helpful, then please Subscribe to our YouTube Channel for video tutorials, and share this article on social media.

Syed Kazim Ali Shah

A Blogger, a full-stack web developer, and the CTO of WebPlover Ltd, Kazim Shah is passionate about coding, development, and SaaS applications since 2014. With an extensive career in freelancing since 2016, he has garnered invaluable experience in the realms of web development and digital entrepreneurship. Through his blogs, he shares insights, tips, and strategies to navigate the dynamic digital landscape successfully. Feel free to reach out to him at kazimshah130@gmail.com or connect on +92 333 9081 488.

Recent Posts

How to Remove Photopea Ads Sidebar and Make it Full Width

In this article, I will share a trick to remove advertisement banners and the sidebar…

3 years ago

Color Theory for Designers – Understand Material Design Colors

Color plays an essential role in design and everyday life. It can draw your attention…

3 years ago

WhatsApp vs Telegram vs Signal – What should you use | Complete Guide

Have you ever been creeped out by an ad appearing in your social media feed…

3 years ago

Best Image Format for Your Website. JPEG vs PNG vs GIF vs SVG

Imagine you have just finished working on your favorite image-editing program and your masterpiece is…

4 years ago

How to Highlight Current Active Page Link in WordPress [with Pictures]

If you want to highlight the current active page link anywhere in your WordPress website…

4 years ago

Solution for Clipboard not Working in Android 10

Hey, guys! All of you who were using any clipboard on their mobile phones must…

4 years ago