Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 10, 2018 at 1:04 pm #1019929
    ac

    Hi, I have applied various solutions for styling the pricing table – some are working and some aren’t. I am applying in a code box on the page rather than css, as it only affects this one page.
    The code I’ve added is:

    <style type = “text/css”>
    .avia-heading-row { font-size: 24px !important; font-weight: bold; min-height: 30px; !important; }
    .pricing-table li { font-size: 15px; !important; min-height: 70px; }
    .pricing-table li.avia-pricing-row { font-size: 30px; min-height: 30px; !important; background-color: #666666; }

    </style>

    Most it is working, BUT the heading row and pricing row are displaying at 70px height rather than smaller 30px which I wanted. Also, the pricing row still has an orange background instead of the grey #666666. Please advise how I can amend the above code to make it work.

    October 11, 2018 at 8:02 pm #1020467
    Victoria

    Hey andrea,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.main_color .pricing-table li.avia-heading-row {
  background-color: #666;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 12, 2018 at 11:06 am #1020674
    ac

    Thank you, I adapted it for the pricing row and works great.

    My other query – how can I get the heading row and pricing row to be 30px instead of 90px. My code is below. I’ve tried a few adaptations, but not getting it to work. Thanks.

    <style type = “text/css”>
    .avia-heading-row { font-size: 24px !important; font-weight: bold; min-height: 30px; !important; }
    .pricing-table li { font-size: 15px; !important; min-height: 90px; }
    .pricing-table li.avia-pricing-row { font-size: 24px; min-height: 30px; !important; }
    .main_color .pricing-table li.avia-pricing-row { background-color: #666; }

    </style>

    October 15, 2018 at 5:54 pm #1021685
    Victoria

    Hi ac,

    Like I said in private before, the font size displayed is not 70 or 90, it is 24.
    https://cl.ly/83ef20473792 The font size that is rendered is 24px, not 70 and not 30.

    Best regards,
    Victoria

    October 15, 2018 at 6:14 pm #1021697
    ac

    Hi, the font size is correctly displaying as per the code, but it is the row height where I have a problem. I want it a different depth on the header row and pricing row. But it is picking up the 90px height from the main pricing table rows.

    October 16, 2018 at 5:57 pm #1022294
    Victoria

    Hi ac,

    Oh, so you were referring to the height of the cell?

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.pricing-table .avia-heading-row {
  height: 60px;
  min-height: 60px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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