Call to Action Buttons Not Sitting Square

  • Resolved freedom1

    (@freedom1)


    7 years, 4 months ago

    At last I’ve finally managed to install ‘Call to Action’ buttons on my site:

    https://cheapdomains.site/

    Does anyone know why some buttons don’t sit centre of the widget, slightly offset one way or the other?

    And now I’ve changed those widgets from ‘Text’ to ‘Call To Action’ I seem to have more white space than I’d like.

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi, @freedom1

    You can achieve this by applying following CSS code.

    @media (min-width: 992px)
{
.col-md-9 {
    width: 100% !important;
}
}
.hentry .title-post {
    
    text-align: center;
}

div#panel-21-0-0-0 {
    margin-top: -60px;
}

div#panel-21-0-0-1 {
    margin-left: 370px;
    padding: 50px;
}

.so-widget-sow-cta-default-74958e4c1e48 .sow-cta-base .so-widget-sow-button {
    float: inherit!important;
    margin-left: 1em;
}

div#pg-21-1 {
    margin-top: -140px;
}

div#pg-21-2 {
    margin-top: -150px;
}

.page-wrap {
    padding: 83px 0 0px !important;
    clear: both;
}

    Hope this will help.

    Thanks.

    Thread Starter freedom1

    (@freedom1)

    That’s brilliant, thank you.

    The bottom row of widgets is still well below the others, is there any addition to the code that I can use to get that higher at all?

    Hello @freedom1

    You can achieve this by applying following CSS code.

    div#pg-21-4 {
    margin-top: -110PX;
}

div#pg-21-3 {
    margin-top: -150px;
}

    Thanks.

    Thread Starter freedom1

    (@freedom1)

    Fantastic, worked spot on, many thanks.

    Glad to help you ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Call to Action Buttons Not Sitting Square’ is closed to new replies.