Home>Support>Call to Action alignment css support

Call to Action alignment css support

By xyz, 9 years ago. Last reply by Andrew Misplon, 9 years ago.
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].

Good day

I have found the following css.

.home .sow-cta-wrapper .so-widget-sow-button {
    margin: 0 auto;
    float: none !important;
}

This only applied to the button.

So I installed the Site Origin css, and used it to find the CTA and it gave me the following css

.sow-cta-base {
  text-align: center;
}

but nothing happen when I applied the code.

any help is highly appreciated
http://dtlm.org.za/

another point is there a way to make the CTA open a popup insted of direct to a new page.
and make the background transparent.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Juvencio

    Thanks for reaching out.

    It looks like you’ve managed to center your CTA widgets such as “Keep Up With The Action”.

    You’d need a lightbox plugin before looking into using it with the CTA widget. Perhaps a plugin like: https://wordpress.org/plugins/lightbox-plus/. The problem with using a plugin like Lightbox Plus and the CTA widget is that if you check the usage instructions for this plugin you’ll see you need to add a rel tag to the link: rel=”lightbox” for example. Unfortunately, the CTA widget doesn’t have a rel field so at the moment I don’t see a way of doing this.

  2. 9 years, 3 months ago xyz

    Hi got the all sorted.

    /* Call to action align center content, remove borders & make background transparent on home-page */
.home .sow-cta-wrapper .so-widget-sow-button {
  margin: 0 auto;
  float: none !important;
}
.home .sow-cta-wrapper .sow-cta-text {
  text-align: center;
  float: none !important;
}
.home .sow-cta-base {
  border-style: hidden;
  background-color: transparent !important;
}

    and thanks for the Lightbox Plus tip.

  3. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Awesome :) Really glad to hear you’ve made progress. Thanks for sharing.

    All the best.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More