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

    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.

    #1020467

    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

    #1020674

    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>

    #1021685

    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

    #1021697

    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.

    #1022294

    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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.