Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 18, 2020 at 5:54 pm #1214082
    tremblayly

    Hi
    I use a pricing table on this page (temporarily applying changes there): https://silviafindings.staging.wpengine.com/custom-made-jewellery

    I’ve added the following CSS to get the columns to have different colors. I also apply CSS to the text in the pricing row; however, I can’t see to be able to the the currency symbol in the first column to the the same as its text color: #222.

    Here’s the CSS
    .page-id-77137 .main_color .pricing-table-wrap:first-child .pricing-table li.avia-heading-row .pricing-extra,
    .page-id-77137 .main_color .pricing-table-wrap:first-child .pricing-table li.avia-pricing-row {
    background-color: #d4d3d2 !important;
    color: #222!important;
    border:none!important;
    }
    .page-id-77137 .main_color .pricing-table-wrap:first-child .pricing-table li.avia-pricing-row small,
    .page-id-77137 .main-color .pricing-table-wrap:first-child .pricing-table li.avia-pricing-row span.currency-symbol {
    opacity: 0.9!important;
    color: #222!important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)!important;
    }

    .page-id-77137 .main_color .pricing-table li.avia-pricing-row small,
    .page-id-77137 .main_color .pricing-table li.avia-pricing-row .currency-symbol {
    opacity:0.9!important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)!important;
    }

    Can you please help me find the target element I need to change.

    Much appreciated.
    Lyse

    May 23, 2020 at 11:25 pm #1215606
    Mike

    Hey tremblayly,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .pricing-table-wrap:nth-child(1) .avia-pricing-row span.currency-symbol {
	color: #222 !important;
}

    Best regards,
    Mike

    May 25, 2020 at 12:31 am #1215892
    tremblayly

    Hi Mike,
    Awesome. Thank you very much.
    Lyse

    May 25, 2020 at 1:48 am #1215897
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Page specific pricing table currency symbol color won't change’ is closed to new replies.