Docs

[Leanna]

Hi, lots of threads out there on this but nothing answered my question: I just want a single Feature Headline icon to occur on the right side of the text (I do not want this to apply to my whole site only this one element) thanks…

[Leanna]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

.white-headline span {
    padding-left: 0;
}
.white-headline span i {
    float: right;
    position: relative;
    margin-top: -0.2em;
    margin-left: 0.5em;
}

Hope it helps 🙂

[Leanna]

I don’t want the float right hooked to white-headline class because that is used elswewhere also. It needs to be hooked to this specific page id 510 and section (I haven’t figured out how to identify section numbers unles I’m just supposed to manually count down from the top)

[Nabeel A]

Hi again,

Replace the previous code with this one:

.home #x-section-1 h3.white-headline span i {
    float: right;
    position: relative;
    margin-top: -0.2em;
    margin-left: 0.5em;
}

Let us know how this goes!

[Leanna]

worked great thanks!

[Prasant Rai]

You are most welcome. 🙂

[Leanna]

hi, related question: On some regular left-aligned feature icons, I want to increase the space between the icon and the text. Please see https://www.tellasia.org/asia-amazing/ for what I mean…
thanks

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

.page-id-3137 #x-section-1 .h-feature-headline span {
	padding-left: 2.5em;
}

Feel free to adjust the 2.5em value where you see it fits.

Cheers!

[Leanna]

perfect, thank you!

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts