Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 18, 2020 at 7:40 pm #1185791
    vantagepointmg

    Hello!
    Is there a way to change the color of the individual pricing row columns?
    Change the color of the button on the individual button rows?

    February 18, 2020 at 9:22 pm #1185837
    Guenni007

    is there a page or site you can show us as an example. Maybe the page you are speaking about – and if not – maybe one page from enfold demo site?

    f.e.: https://kriesi.at/themes/enfold-2017/elements/tables/
    where would you like to change something?

    February 18, 2020 at 10:03 pm #1185845
    vantagepointmg

    I was wondering if each pricing row can be a different color with matching color button on a bottom?

    February 19, 2020 at 7:42 am #1185926
    Jordan Shannon

    Hi,

    Can you provide the login information?

    Best regards,
    Jordan Shannon

    February 19, 2020 at 6:19 pm #1186133
    vantagepointmg
    This reply has been marked as private.
    February 21, 2020 at 6:06 am #1186610
    Rikard

    Hi,

    Thanks for that. You have the option to set the row to for instance a pricing row to the left of the content, that creates a different styling and it can be changed with CSS as well. If you explain your intentions a bit further or post screenshots highlighting them then we can give you more specific help.

    Best regards,
    Rikard

    February 26, 2020 at 6:24 pm #1188151
    vantagepointmg

    Each column different color

    February 28, 2020 at 1:49 pm #1188831
    Mike

    Hi,
    Thank you for the example screenshot, I have matched the colors for your /pricing/ page with this css, Please add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #av_section_1 > div > div > div > div > div.avia-table.main_color.avia-pricing-table-container.avia_pricing_default.avia-builder-el-9.el_after_av_one_third.el_before_av_one_full.avia-table-1 > div:nth-child(2) > ul > li.avia-pricing-row {
	background-color: #FFCFAB !important;
}
#av_section_1 > div > div > div > div > div.avia-table.main_color.avia-pricing-table-container.avia_pricing_default.avia-builder-el-9.el_after_av_one_third.el_before_av_one_full.avia-table-1 > div:nth-child(2) > ul > li.avia-button-row > div > a {
	background-color: #FFCFAB !important;
}
#av_section_1 > div > div > div > div > div.avia-table.main_color.avia-pricing-table-container.avia_pricing_default.avia-builder-el-9.el_after_av_one_third.el_before_av_one_full.avia-table-1 > div:nth-child(3) > ul > li.avia-pricing-row{
	background-color: #D6AC56 !important;
}
#av_section_1 > div > div > div > div > div.avia-table.main_color.avia-pricing-table-container.avia_pricing_default.avia-builder-el-9.el_after_av_one_third.el_before_av_one_full.avia-table-1 > div:nth-child(3) > ul > li.avia-button-row > div > a {
	background-color: #D6AC56 !important;
}
#av_section_1 > div > div > div > div > div.avia-table.main_color.avia-pricing-table-container.avia_pricing_default.avia-builder-el-9.el_after_av_one_third.el_before_av_one_full.avia-table-1 > div:nth-child(3) > ul > li.avia-pricing-row > span {
	background-color: #D6AC56 !important;
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.