Hello,
I am new and new with css but i have my logics!
What i want to do, bigger logo, also bigger header and i want him centered in the middle,. I have do a lot of things but it seems that everything what i do the logo is compressed to the original sizes of vantage logo.
Most important thing is the logo isn’t showing the correct sizes, my logo is 130px x 90px. So the width is correct but the height is cropped to the size from the vantage logo. And centering in the middle with margin left and right auto, nothing happened. So i hope you can help me… Then i will consider to pay for premium if this works.
My header resizes is no problem.
PS. i run my site on a localhost, so i can’t show it to you.
Thanks in advance,
Dominique
Hi Dominique
Thanks for running Vantage.
If you are using the “Logo in Menu” layout option then the logo will be constrained. The following, placed into a Custom CSS plugin/module will remove that constraint for the “Logo in Menu” layout option only:
/* Vantage Remove Logo in Menu img constraint */ header#masthead.masthead-logo-in-menu .logo > img { max-height: none !important; }Using the regular masthead layout, the logo should appear at the same size as uploaded. Centering the logo and adjusting header padding are both options under Appearance > Customize > General. In Vantage Free you can view the premium upgrade offering from Appearance > Premium Upgrade.
To center the logo and adjust menu padding in Vantage Free you can use the following selectors in a Custom CSS module:
/* Vantage Center Logo */ header#masthead hgroup .logo { float: none !important; } header#masthead hgroup .logo img { display: block; margin: 0 auto; } /* Vantage Header Padding */ header#masthead hgroup { padding-top: 35px !important; padding-bottom: 35px !important; }Hi Andrew,
What do you mean by a “Custom CSS module”‘?
Hi wplanters
If you’re running a premium SiteOrigin theme you can insert these snippets under Appearance > Custom CSS. If not you can use a Custom CSS module like: http://jetpack.me/support/custom-css/.
For further questions on this please open a new support thread and I’ll jump in there: https://siteorigin.com/new-thread/
Thanks
I also want to put my logo beside the menu and have it at least double size or uploaded size.
If I use the code you posted for removing logo restriction, the sliders gets shifted to the right of the logo. Is there a reason for this?
/* Vantage Remove Logo in Menu img constraint */ header#masthead.masthead-logo-in-menu .logo > img { max-height: none !important; }Hi paljacob
Please open a new support thread and we’ll jump in there ASAP.
Page: New Thread
Thanks