Okay
  Public Ticket #2952948
Pricing Table Highlight Reason Text spacing
Closed

Comments

  •  6
    Bridee78 started the conversation
    January 8, 2022 at 6:24am

    Hi, I have uploaded a screenshot.  Can you tell me how I can change the line spacing of the highlight reason text please? I would like to have a space under the main heading and then the highlight reason text to have a smaller space between the two headings.

  •  2,958
    Andrew replied
    January 8, 2022 at 6:30am

    Hello there,

    Kindly send a link to your site so that we can provide the necessary CSS for this.

    Regards,

  •  6
  •  2,958
    Andrew replied
    January 8, 2022 at 6:54am

    Hello again,

    The following CSS might help.

    #ajax-content-wrap .pricing-column.highlight h3 .highlight-reason {
    line-height: 20px;
    padding-top: 13px;
}

    Regards,

  •  6
    Bridee78 replied
    January 8, 2022 at 7:32am

    Thanks so much, that worked a treat, is there a way to line up all those sub headings so they are a straight line across each of the columns?

  •  8,840
    Tahir replied
    January 8, 2022 at 8:46am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .pricing-table[data-style=default] .pricing-column.highlight h3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 150px;
}
.pricing-table[data-style=default] .pricing-column.highlight h3 span {
    min-height: 60px;
}

    Thanks

    ThemeNectar Support Team 

  •  6
    Bridee78 replied
    January 8, 2022 at 8:50am

    Perfect! Thanks so much for your help :)