Headline Icon not Centered with Background

Support
#1

I have a row with three columns. In the columns I have 1 headline element each with a background color/border and an icon. A few of the icons aren’t centered. I’m not sure why it only impacts a few and not all of them. I’ll add a link and the password in a separate note.

#2

Hello @ehsd,

Thanks for positing. Regretfully we cannot check your page because the password is not working.

Please double check it so that we can see your page.

#3

Please try again. I’ve tested the password and it works.

#4

Hello @ehsd,

I was able to log in. I could not find which page has the three columns with headline and icons in it. To assist you with this issue, please provide the exact url of the page where we can see the issue because we do not see it in your homepage. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Regards.

#5

https://contracostapa.org/our-services/consumer/how-ihss-works/

#6

Hey @ehsd,

Thank you for providing the URL. To make the icons centered, try adding the following code in the Theme Options > CSS:

.x-text.x-text-headline .x-text-content .x-graphic-icon:before {
    width: 1.5em !important;
    margin: 0 !important;
    transform: translate(-50%, -50%);
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

#7

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