Hello, I would like to remove the space between the Vantage Headline on my home page and the row below it.
I am also wondering how to increase the size of my icon in the upper left corner of the menu bar.
Thank you for your help!
Vantage Home Page Row Spacing
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Dbvantage
Thanks for reaching out.
Try the following at Appearance > Custom CSS:
/* Home */ .home .widget_headline-widget .decoration, .home .widget_headline-widget h3 { display: none; }You can increase your logo size by going to Appearance > Theme Settings > Logo and disabling the constrain logo size setting.
Hope that helps.
Thank you, that was very helpful!
Is it possible to remove even more space if need between the two rows if need be?
Also, I am trying to resize the images in the bottom right footer of the main page and get them side by side, but so far I have had little luck in doing so.
As always, your help is very much appreciated!
Sure :)
Try editing the row concerned and click Theme on the right and enable the No Bottom Margin setting if it isn’t enabled already.
Try inserting your two images using a single SiteOrigin Editor widget or a single Visual Editor widget. I’ll try help once that’s done.
Thanks
So I have set up the footer the way I would like to have it laid-out, but I was hoping to have the URAC logo on the right, the KabaFusion logo in the middle and the ACHC logo on the left. I can't seem to change the size of the middle logo and I can't get the row to fill the footer. I tried setting the row to full width, then full width-stretched, and neither setting did anything, and none of the changes I make to the middle logo seem to make a difference…. Very strange.
Thank you for your help, as always!
Ok, I seem to have figured out how to get the logos on the left and right side. I got rid of the center logo I couldn't resize, now the only things left are the logos themselves, they are both 197×230 and yet one is visibly longer than the other. Not a big deal though. Also for some reason I have never been able to get the logo on the left as close to the left side as the logo on the right is close to the right side…
I’m not sure I can resolve from where we are now. There is a fair bit going on.
If you’d like we could do this:
1. In your Layout Builder widget click Prebuilt > Import/Export and download the layout.
2. If you’re up for it. Redo the footer with the social widget first, then three SiteOrigin Editor widgets. One for the image, one for the text and another for the image. They’ll just stack left to right.
I could probably work this layout up for you from that position.
Ok, here is the current layout I am working with in the footer:
VISUAL EDITOR | VISUAL EDITOR | VISUAL EDITOR
SITE ORIGIN EDITOR | VISUAL EDITOR | SITE ORIGIN EDITOR
I am happy with the layout, the only problem now is, when I adjust the size of the browser, the images in the site origin editors do not stay the same,
even though they are the exact same dimensions. Any way to fix that?
Thank you,
David
Sorry for all the updates, I tried one more thing. I remembered, to get the middle text to center, I had to adjust the row to 37% / 37% / 26%. That was the only way I could get the middle widget centered and that is why when the browser window was re-sized, the two side widgets would not remain the same size. I just adjusted it back to 25% / 50%/ 25%, and the side images now remain the same size, but the center widget is not centered… There doesn't seem to be anything else I can do to get the center widget/text to center over the copy right text at the bottom of the footer except to manually move the text with the indent option, but then again when the browser window is resized, the text is closer to the image on the right side, and everything gets out of alignment. When the window is resized to mobile, the phone number and text in the middle are all on top if each other and very long…
Edit the Visual Editor widget in the middle, click Attributes on the right and assign it a class:
Then, at Appearance > Custom CSS, target that class:
/* Footer */ @media (min-width: 680px) { .footer-middle p { padding-left: 180px; } }Then, edit the widget again and remove the inline style from the p tag:
You’ll just be left with:
It’s the padding at lower resolutions causing the problem so we can use a media query as I have above to ensure the padding isn’t applied for mobile. Feel free to adjust that CSS as you need to.
Wow, you are really good! That worked for the mobile layout, thank you!
I still can't get the row centered perfectly, it's like somehow there is more padding on the right side of the footer than on the left, strange, but maybe the current layout is as close as I am going to get to perfect…
Thanks again for all your help!
No problem.
Looks like you’re still have the Layout Builder setup in use. If you want to move away from this and try the setup I initially suggested, I’d be more than happy to help from there.
My suggestion was to not use any Layout Builder widgets and just insert four Visual Editor or SiteOrigin Editor widgets. I could then assist using Custom CSS.