Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1054461

    Hi there,

    Sorry to repeat a thread that’s already out there but I could piece together what I was looking for!

    I’m looking to recreate the colors of the background and text on the pricing and header row here -> https://www.amproinspections.com/specials

    And make that happen here -> http://ampro.hosting.spectora.com/

    #1054480

    Hey kjwaggz,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.home .pricing-table-wrap:first-child .avia-heading-row,
    #top.home .pricing-table-wrap:first-child .avia-pricing-row,
    #top.home .pricing-table-wrap:first-child .avia-pricing-row span.currency-symbol {
    background-color: rgb(45, 45, 45) !important; 
        border-color: rgb(45, 45, 45) !important; 
        color: rgb(225, 30, 43) !important; 
        opacity: 1 !important; 
    }
    
    #top.home .pricing-table.avia-highlight-col .avia-heading-row,
    #top.home .pricing-table.avia-highlight-col .avia-pricing-row,span.pricing-extra,
    #top.home .pricing-table.avia-highlight-col .avia-pricing-row span.currency-symbol,
    #top.home .pricing-table.avia-highlight-col .avia-pricing-row small {
        background-color: rgb(243, 243, 243) !important; 
        border-color: rgb(243, 243, 243) !important; 
        color: rgb(71, 71, 71) !important; 
        opacity: 1 !important;
    }
    
    #top.home .pricing-table-wrap:nth-child(3) .avia-heading-row,
    #top.home .pricing-table-wrap:nth-child(3) .avia-pricing-row,
    #top.home .pricing-table-wrap:nth-child(3) .avia-pricing-row span.currency-symbol {
        background-color: rgb(45, 45, 45) !important; 
        border-color: rgb(45, 45, 45) !important; 
        color: rgb(0, 158, 240) !important; 
        opacity: 1 !important;
    }

    Best regards,
    Mike

    #1054823

    You guys have such amazing support. I tell everyone that asks that Enfold is the best.

    #1054884

    Hi,
    Thank you for the kind words.
    I assume we can close this now, but I like to ask. Shall we close this then?

    Best regards,
    Mike

    #1058979

    Done :)

    #1059005

    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 under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS for pricing table’ is closed to new replies.