CSS Code Not Working

  • Resolved freedom1

    (@freedom1)


    7 years, 4 months ago

    On this page I am using the CSS code below, and everything looks fine.

    https://cheapdomains.site

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

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

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

    On this page however I am using this code below which was fine, but have since made changes, adding ‘Call to Action’ buttons. But it doesn’t look like the Home Page, as there is too much blank white space, and some of the blue buttons are not in the centre.

    https://cheapdomains.site/business-domain-names/

    I tried placing the the other CSS code on this page but it’s made no difference.

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

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

div
#pg-21-3 {
    margin-top: -150px;
}
Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi, @freedom1

    You can achieve this by applying following CSS code.

    img.alignnone.size-medium.wp-image-283 {
  margin-left: 100px;
    margin-bottom: 20px;
}
em strong {
    font-size: 20px;
}

.panel-row-style.panel-row-style-for-271-1 {
    margin-top: -130px;
}

div#pg-271-2 {
    margin-top: -130px;
}

.panel-row-style.panel-row-style-for-271-3 {
    margin-top: -130px;
}

.panel-row-style.panel-row-style-for-271-4 {
    margin-top: -130px;
}

.panel-row-style.panel-row-style-for-271-5 {
    margin-top: -130px;
}

.panel-row-style.panel-row-style-for-271-6 {
    margin-top: -130px;
}

    Hope this will help.

    Thanks.

    Thread Starter freedom1

    (@freedom1)

    Thanks @wbcomdesigns, this new CSS has had the effect of reducing the spaces between the rows of buttons on the page https://cheapdomains.site/business-domain-names/, but, the text within some of the buttons (especially those with more letters inside them) are badly offset to the left.

    And, it’s made things on this page worse, offsetting the buttons, and increasing the white space between rows, https://cheapdomains.site/

    And, it’s thrown things out on the page, which previously was just fine https://cheapdomains.site/place-domains/

    Thank you

    • This reply was modified 7 years, 4 months ago by freedom1.
    Thread Starter freedom1

    (@freedom1)

    Does anyone know of a better Call to Action widget than Siteorigin’s? Surely there shouldn’t be any need for so much messing about to get these issues resolved.

    Thread Starter freedom1

    (@freedom1)

    The problem is now resolved.

    I got some additional help on the Siteorigin forum so now the rows are close together.

    Seems it was partly a Theme ‘thing’.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS Code Not Working’ is closed to new replies.