Topic: Pricing Table Content Separator

Tagged: x

Author

Posts
January 10, 2017 at 5:48 am #1323734

William Y
Participant

Hi.

Trying to separate the contents of the pricing table with line, different background colors and icons in X/ Integrity. But the CSS below has not worked. Any suggestions? Thanks!

=======================
/* PRICING TABLE CONTENT SEPARATOR AND ICON
CUSTOM CSS ****************************** */
.x-pricing-column-info ul > li:nth-child(2n+1) {
background-color: #fbfbfb !important;
}

.x-pricing-column-info ul > li:first-child {
border-top: 1px solid #ebebeb !important;
}

.x-pricing-column-info ul > li {
border-bottom: 1px solid #ebebeb !important;
padding: 10px 40px 11px;
font-size: 16px;
line-height: 1.4;
}

January 10, 2017 at 6:58 am #1323808

Paul R
Moderator

Hi,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

January 12, 2017 at 4:54 pm #1327866

William Y
Participant

Hi. I meant lines in the pricing table to separate the contents. Please check screenshot here http://prntscr.com/duwxcf

Thanks!

January 12, 2017 at 10:31 pm #1328267

Rupok
Member

Hi there,

Thanks for writing back. Sorry but I didn’t get your problem yet. Are you trying to change the line/border or it’s not appearing on your site? Kindly provide your site URL and explain a bit that what you are trying to achieve.

Cheers!
Author

Posts

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