Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #999570
    Calvert567
    Participant

    Hello – lovely theme. I have created a pricing table on http://000.2cb.myftpupload.com/massage-bodywork/

    1. I want to add horizontal lines between listed “features”. How can I do this?
    2. I removed the pricing across the top of all three tables. Now it is a thin strip with white background. How can I remove this all together or atleast change the white color to another color?

    Thanks!

    #999664
    Rahul
    Moderator

    Hey there,

    #1 : Please add the following custom CSS :

    .x-pricing-column-info ul>li {
        border-bottom: 1px solid #ebedee;
    }

    #2 : Please add the following custom CSS :

    .x-pricing-column-info {
      margin-top:-25px;
    }

    Hope this helps.

    Thanks

    #1000412
    Calvert567
    Participant

    Great! Thanks. Now if I create another pricing table on another page and I don’t need these attributes will this css affect the new table?

    #1000791
    Darshana
    Moderator

    Hi there,

    Glad we were able to help :). Yes, the above CSS will be affected to your new pricing table as well.

    Thanks!

    #1001716
    Calvert567
    Participant

    Can you let me know how I change the css so it only affects the table on this page? http://000.2cb.myftpupload.com/massage-bodywork/

    This is on a dev domain and will eventually be http://calvertrejuvenations.com/massage-bodywork/

    Thanks

    #1001781
    Rahul
    Moderator

    Sure!

    It should be :

    .page-id-32 .x-pricing-column-info ul>li {
        border-bottom: 1px solid #ebedee;
    }

    and

    .page-id-32 .x-pricing-column-info {
      margin-top:-25px;
    }

    For the new site, change the page ID with the new page id when you create your page.

    Thanks!

    #1001844
    Calvert567
    Participant

    Thanks!

    #1002270
    Friech
    Moderator

    You’re more than welcome, glad we could help.

    Cheers!

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