This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Can align buttons, but can’t align titel!

Open 7 replies questionthemetheme-vantage
Ullie
5 years ago · Last reply by Andrew Misplon 5 years ago

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!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 5 years, 7 months ago

    Hi Ullie

    Do you have a public URL where we can take a look at what’s going on?

    Thanks

  2. Ullie 5 years, 5 months ago

    Hi Andrew!

    Unfortunately I did not receive a notification that you responded, sorry.

    The site went online for a few days: saraja-slaapcursus.nl

  3. Andrew Misplon Staff 5 years, 5 months ago

    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.

  4. Ullie 5 years, 5 months ago

    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!

  5. Andrew Misplon Staff 5 years, 5 months ago

    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.

  6. Ullie 5 years, 5 months ago

    That didn’t work Andrew, that’s why I just created another rule …

  7. Andrew Misplon Staff 5 years, 5 months ago

    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;
}

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread