Text beside icon is not centered

Hey rixi,

I see that you have put both the image and text in the same strong tag. Could you move them into separate span tags instead please? Otherwise it will be difficult to target them individually with CSS. If you would give the tags classes as well, then it will likely be easier yet.

Best regards,
Rikard

Hi,

Thanks for the update. I see that you have the images in a 1/5 element now. It might be easier if you place the image and text in the same column, and wrap them in span tags:

<span>Your image goes here</span><span> And this is your text</span>

You would have to create your own font file to be able to use your icons in the theme, they are currently images. It might be easier to continue using them as images.

Best regards,
Rikard

Hi,

Thanks for the update. You need to add classes to the containing paragraphs, then add this CSS:

p.your-class {
    display: table-row;
}

Then add classes to the spans with the text in it, then add this CSS as well:

span.your-class {
    display: table-cell;
    vertical-align: middle;
}

Best regards,
Rikard

Hi,

Thanks for the update. It’s very useful to know at least basic CSS, if you want to customise your sites :-)

Best regards,
Rikard