Text clipping

[BrandexPublishing]

The letter g in the screen shot is clipped at the bottom - no amount of fiddling with the margins and padding will solve this.

Live page here: https://brandexpublishing.co.uk/billhodgson/

Thanks, Bill.

[tristup]

Hi Bill,

You need to increase the padding for the text of button element. To do that you need to add the following custom CSS code into the specific button Element CSS.

$el.x-anchor .x-anchor-text-primary
{
    padding: 2px !important;
}

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Please find the screenshot describing the settings.

Thanks

[BrandexPublishing]

Thanks - but why doesn’t the text display correctly by default? There’s no way to solve this using the element settings and seems like a fault in Pro to me.

[prakash_s]

Hello Bill,

You are using the icon with text, each icon is different in shape so align text and icon properly you need to use the graphic setting and text line-height. For the quick fix, you can use custom CSS.

Thanks

[BrandexPublishing]

Thanks - that’s an easier way to fix it.

[marc_a]

Hi Bill,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.