Navigation
Archive / How to align text left in pricing tables
This is archived content. Visit our new forum.
  • Author
    Posts
  • December 30, 2015 at 11:30 am #725667
    drjeff007
    Participant

    I’ve located the code to align the check marks in the pricing table to the left:

    .x-pricing-column-info ul>li [class*=”x-icon-“] {
    float: left !important;
    }

    But… Trying to align the text to the left as well.

    Cheers!

    December 30, 2015 at 11:47 am #725687
    Darshana
    Moderator

    Hi there,

    You can add this under Custom > CSS in the Customizer.

    
.x-pricing-column-info ul > li {
    float: left;
}

    Hope that helps.

    December 30, 2015 at 3:17 pm #725884
    drjeff007
    Participant

    Hi added the code and the text in columns is still centered.

    If you scroll down my web page you’ll see the pricing table.

    http://www.thelazybastards.com

    Cheers

    December 30, 2015 at 6:51 pm #726097
    Christian
    Moderator

    Sorry about that. Please replace it with

    .x-pricing-column-info ul > li {
    text-align: left;
}

    Thanks.

    January 10, 2016 at 10:42 am #739648
    drjeff007
    Participant

    Cheers that did the trick!

    January 10, 2016 at 11:10 am #739672
    Thai
    Moderator

    Glad it worked 🙂

    If you need anything else, please let us know.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-725667 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>