Can the icon be next to the text with the Headline element when centred?

[core365]

Hi, I’m using the Headline element with an icon of a pencil to the left of the text ‘Enquiry Form’. I want it centred within the column and when I do this the icon stays aligned to the left and the text moves to the centre! I’d like the icon to move with the text. is this possible? I’ve tried to do it myself but haven’t got a clue how to do it as I can’t see any settings to change to get it to move! I’ve illustrated it on a screen grab I’ve roughly drew an arrow on!

(I’ll put the URL in a secure note as it’s on a temp link).

[jade]

Hi there,

Please add this code in the Element CSS of the headline element:

$el .x-text-content {
	display: block !important;
	text-align: center !important;
}

$el .x-text-content-text,
$el .x-text-content-text-primary {
	display: inline !important;
}

Element CSS | Themeco Docs

Hope this helps.

[core365]

That’s great, thank you!

Cheers!

[rad]

You’re most welcome!