- This topic has 6 replies, 2 voices, and was last updated 3 years ago by
.
-
Posts
-
Is it possible to change the color of the boxes and buttons in the price section?
For example the demo each Pet Package Box has a different color and button color. I would like to make them all the same
@JBARBAGALLO, Yes it is possible to change the color of the boxes and buttons in the price section.
Please add this CSS into additional CSS to change the color.
#pricing-table article:nth-child(1n) .price, #pricing-table article:nth-child(2n) .price, #pricing-table article:nth-child(3n) .price, #pricing-table article:nth-child(1n) .price-table-wrapper ul li, #pricing-table article:nth-child(1n) .price-table-wrapper .entry-title, #pricing-table article:nth-child(2n) .price-table-wrapper ul li, #pricing-table article:nth-child(2n) .price-table-wrapper .entry-title, #pricing-table article:nth-child(3n) .price-table-wrapper ul li, #pricing-table article:nth-child(3n) .price-table-wrapper .entry-title { color: #82868b; } #pricing-table article:nth-child(1n) .price-table-wrapper, #pricing-table article:nth-child(2n) .price-table-wrapper, #pricing-table article:nth-child(3n) .price-table-wrapper { background-color: #fff; } #pricing-table article:nth-child(1n) .btn, #pricing-table article:nth-child(2n) .btn, #pricing-table article:nth-child(3n) .btn { background-color: #ff8737; border-color: #ff8737; color: #fff; }Please change the background colors and text colors as per your requirements. You can find color code references on this link https://www.computerhope.com/htmcolor.htm.
Thank you Sanam, this worked perfectly. Could you also tell me how to adjust the text color of the Title in the same Pricing section?
@JBARBAGALLO, could you please replace the CSS given below:
OLD CSS
#pricing-table article:nth-child(1n) .price, #pricing-table article:nth-child(2n) .price, #pricing-table article:nth-child(3n) .price, #pricing-table article:nth-child(1n) .price-table-wrapper ul li, #pricing-table article:nth-child(1n) .price-table-wrapper .entry-title, #pricing-table article:nth-child(2n) .price-table-wrapper ul li, #pricing-table article:nth-child(2n) .price-table-wrapper .entry-title, #pricing-table article:nth-child(3n) .price-table-wrapper ul li, #pricing-table article:nth-child(3n) .price-table-wrapper .entry-title { color: #82868b; }NEW CSS
#pricing-table article:nth-child(1n) .price, #pricing-table article:nth-child(2n) .price, #pricing-table article:nth-child(3n) .price, #pricing-table article:nth-child(1n) .price-table-wrapper ul li, #pricing-table article:nth-child(2n) .price-table-wrapper ul li, #pricing-table article:nth-child(3n) .price-table-wrapper ul li { color: #82868b; } /* Please insert the color code here to change the text color of the title in the same Pricing section as per your requirement. */ #pricing-table article:nth-child(1n) .price-table-wrapper .entry-title, #pricing-table article:nth-child(2n) .price-table-wrapper .entry-title, #pricing-table article:nth-child(3n) .price-table-wrapper .entry-title { color: #FF00FF; }Hope this helps
If you have any confusion please let us know
Thank for the response but I do not think this is what I was looking for. I would like to change the font color of the “Title” of the Pricing Section, not the title of the products.
I would like to change the font color of just the “Title” of the Pricing Section, not the title of the products. Let me know if you need more clarification
@JBARBAGALLO, please add the following CSS into additional CSS.
For Title
#pricing-table .section-title { color: #A52A2A }For Subtitle
#pricing-table .section-subtitle { color: #800000 }Hope this helps
If you have any confusion please let us know.
- You must be logged in to reply to this topic.
