Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello!
I’m using SiteOrigins Theme Vantage to build a new website. For the footer I’m using the SiteOrigin Widget for Social Media Buttons. In this widget I have aligned the buttons to the right. But I can’t align the titel to the right too!!! This doesn’t look nice in the footer, how can I fix this problem?
Thank you in advance!
Hi Ullie
Do you have a public URL where we can take a look at what’s going on?
Thanks
Hi Andrew!
Unfortunately I did not receive a notification that you responded, sorry.
The site went online for a few days: saraja-slaapcursus.nl
Super, thanks for the update. There isn’t a setting available to align the widget title but you can try adding to AppearanceCustom CSS if you’re using SiteOrigin CSS or CustomizeAdditional CSS:
#footer-widgets .widget:last-of-type .widget-title { text-align: right; }SiteOrigin CSS has a visual editor that makes it quite easy to make small CSS changes like this, you could perhaps consider it in the future.
I did use SiteOrigin CSS as you adviced and with this I’ve managed to align the widget centered.
#footer-widgets .widget .widget-title {
text-align: center;
}
Unfortunately I have not yet managed to align the left part of the widget to the left and the right part to the right. I’m going to try that out too, but centering is a better visual solution for now.
If you have any suggestions, please let me know Andrew!
Hi, thanks for your feedback and for using SO CSS. Please, try using the rule I sent instead, it’ll target only the last title which should help the problem.
That didn’t work Andrew, that’s why I just created another rule …
Thanks.
The rule I sent seems to work when I test it live on your site.
You can try setting the first Social Media Icon widget alignment to left and the second to right. Next, replace your custom CSS with the following:
#footer-widgets .widget .widget-title { font-size: 20px; } #footer-widgets .widget:last-of-type .widget-title { text-align: right; }