Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 13, 2014 at 6:39 pm #318562
    FlackUK

    Hi Kriesi Team,
    Thank you for this amazing theme and I am loving the customisability and utilisation of this!

    I have read a fair few post regarding this topic and I know their are a few of them upon the forum but unfortunately I just cannot fix it / solve my issue. I do apologise for yet another pricing table colour post.

    First of all I have edited the function.php to allow me to place custom CSS.
    So, I have set within the Table Box the Custom CSS of ‘ffb-pricing‘

    I have 3 columns upon my page, the middle one is set as highlighted (featured).

    What I am after is…
    Column 1
    Heading row & Border colour: #ECB876
    Pricing row colour & Border colour: #E0A75E

    Column 2 (which is highlighted/featured)
    Heading row & Border colour: #DF9C48
    Pricing row colour & Border colour: #E7943B

    Column 3
    Heading row & Border colour: #cf7c4f
    Pricing row colour & Border colour:#E07A43

    I really hope you can help me out on this customisation and I will be extremely grateful.

    If you require any further information or details please let me know.

    September 14, 2014 at 6:27 am #318783
    Ismael

    Hi FlackUK!

    Thank you for using Enfold.

    Please post a screenshot of what you’re trying to do. Try this on Quick CSS:

    .main_color .pricing-table:nth-child(1) li.avia-heading-row {
background: #ECB876;
border-color: #E0A75E;
}

.main_color .pricing-table:nth-child(2) li.avia-heading-row {
background: #DF9C48;
border-color: #E7943B;
}

.main_color .pricing-table:nth-child(3) li.avia-heading-row{
background: #cf7c4f;
border-color: #E07A43;
}

    Cheers!
    Ismael

    September 15, 2014 at 8:38 pm #319407
    FlackUK

    Hi Ismael,

    Thank you for the reply, please see screenshot to image.
    I have added the colour codes to the section area, and coloured in the area which I want coloured.
    Hope this makes sense?

    Screenshot

    I look forward to your reply and help.

    Kind Regards, Charlie

    • This reply was modified 10 years, 3 months ago by FlackUK.
    September 16, 2014 at 4:30 pm #319987
    Yigit

    Hi!

    Please turn on custom CSS field for ALB elements (http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/), give a custom class to your table and then add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Best regards,
    Yigit

    September 17, 2014 at 10:29 am #320413
    FlackUK

    Hi Yigit,

    I have added your code to see how it looks, it changes all the columns, not each one individually.
    Also, the highlighted columns seems to have a bit missing.

    I have attached screenshot below:
    Pricing Colours

    Look forward to your reply,
    Regards, Charlie

    September 17, 2014 at 1:39 pm #320479
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    September 17, 2014 at 2:11 pm #320495
    FlackUK
    This reply has been marked as private.
    September 17, 2014 at 4:58 pm #320593
    Yigit

    Hey!

    Please review your website now. You can find custom CSS code i added at the bottom of Quick CSS field

    Regards,
    Yigit

    September 17, 2014 at 5:02 pm #320595
    FlackUK

    Hi Yigit!

    Just refreshed the page and can see the changes.
    There is still a colour error on the featured (middle) top part with the next… just a slightly different colour orange.
    Can you see it on your screen too?

    Let me know and I will post a screenshot.
    Thanks for the help so far!
    Regards, Charlie

    September 17, 2014 at 5:04 pm #320597
    Yigit

    Hey!

    This is how it looks on my end – http://i.imgur.com/Zua0qX9.png
    I added that code at last, maybe you are seeing cached version. Please flush browser cache and refresh your page a few times

    Best regards,
    Yigit

    September 17, 2014 at 5:13 pm #320602
    FlackUK

    Hi!

    Here is a screenshot of what I seen.
    This is the same as your image.

    Where the text is within the top box their is two colours, and it looks odd.

    Any ideas how this could be fixed?

    Thanks, Charlie

    September 17, 2014 at 5:16 pm #320604
    FlackUK

    Here is a better image example of what I mean;

    Thanks, Charlie

    September 17, 2014 at 5:17 pm #320605
    Yigit

    Hey!

    My bad. Should be fixed now. Please check once again

    Regards,
    Yigit

    September 17, 2014 at 5:18 pm #320606
    FlackUK

    It works now! :)

    Just refreshed again and everything is working as intended!

    Thank you for all your help and support on this issue.

    Kind Regards, Charlie

    September 17, 2014 at 5:25 pm #320615
    Yigit

    Hey!

    You are welcome Charlie, glad we could help! :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘3 Column Price Page (middle on Featured) Colour CSS Code’ is closed to new replies.