Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 16, 2014 at 11:13 am #279354
    Jeppesen53

    Hi

    I have nine different pricing tables and I want different colours on heading row and princing row on all. Is is possible? Please explan how.

    Thank you.

    Regards
    Jeppesen53

    June 16, 2014 at 3:51 pm #279497
    Yigit

    Hey Jeppesen53!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    and give a custom class to each of your tables and using following code in Quick CSS field in Enfold theme options under General Styling tab, adjust as needed

    .custom-class .pricing-table li.avia-heading-row { background-color: red; }
.custom-class .pricing-table li.avia-pricing-row { background-color: orange; }
.custom-class-one .pricing-table li.avia-heading-row { background-color: blue; }
.custom-class-one .pricing-table li.avia-pricing-row { background-color: yellow; }

    Regards,
    Yigit

    June 17, 2014 at 11:07 pm #280252
    Jeppesen53

    Hi Yigit

    Thank you for the quick answer. I have turned on the custom CSS field and I tried to follow the tutorial but I have not had any luck changing the colours yet. I have tried to enter a name in the custom css class in my pricing table and then placed the same name in Quick CSS field in front of your code. Like this (I use your example):

    Custom CSS Class in pricing table: ktf-darkborder
    Quick CSS field under General Styling: .ktf-darkborder .pricing-table li.avia-heading-row { background-color: red; }

    Can you help me further? I’m am new to html.

    June 18, 2014 at 12:30 am #280294
    Josue

    Hey!

    Can you post a link to the page where you are trying this? this is returning a maintenance mode message.

    Best regards,
    Josue

    June 18, 2014 at 12:40 pm #280504
    Jeppesen53
    This reply has been marked as private.
    June 18, 2014 at 1:18 pm #280523
    Yigit

    Hey!

    Please try the code as following

    .custom-class li.avia-heading-row {
background-color: red!important;
}

    Best regards,
    Yigit

    June 18, 2014 at 3:45 pm #280611
    Jeppesen53

    Hi

    Unfortunately I still have no luck changing the colours. Can you please write down the code I should use in the custom css class in the pricing table and the code I should use in my Quick CSS field under general styling?

    Thank you.

    Regards

    June 18, 2014 at 8:56 pm #280739
    Josue

    Hi!

    This is the working code:

    You were using:

    .ktf-darkborder .custom-class li.avia-heading-row {
background-color: red!important;
}

    Cheers!
    Josue

    June 19, 2014 at 9:56 am #281073
    Jeppesen53
    This reply has been marked as private.
    June 19, 2014 at 9:59 am #281078
    Josue

    Set up an administrator account, then post it here as a private reply. Also, give details on what modification you want to make.

    Regards,
    Josue

    June 19, 2014 at 10:00 am #281081
    Jeppesen53

    Never mind guys! It works now.

    Thank you for the help and patience :)

    Best regards

    June 19, 2014 at 10:01 am #281082
    Josue

    Great news, glad we could help :)

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Changing pricing table colour’ is closed to new replies.