Classic Feature List - Align Icon with Text

Can you advise how I would center the text for each feature to align with the icon? I’ve changed the icon size but it does not translate to the text being centered beside it. As you can see from the example the text is slightly to the top of each icon.

Hi Kimberly,

Thanks for reaching out!

By default, the Classic Features list element have an icon, a title and a text content. Since, you didn’t fill the text content there’s an extra <p> tag in the HTML structure that makes the title not to go on center. To fix your issue, we need to remove it by using CSS. Please add the code below in your Pro > Theme Options > CSS.

.x-feature-list .x-feature-box-text {
	display: none;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

Thank you, that code worked perfectly!

Hi Kimberly,

You’re welcome and it’s our pleasure to help you! If you have any other concerns regarding our theme features, feel free to open up a new thread.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.