Docs

[[email protected]]

http://www.oneventdev.com/onstage/

I have two columns with featured list items. I’d like for the numbers to count 1-8 with four on each side.

What’s the best way to do that?

[Jade]

Hi Mel,

You can accomplish this using Custom CSS. Please add this code in Appearance > Customize > Custom > CSS:

.page-id-98 #x-section-2 .x-container:last-child .x-column:last-child .x-feature-box:nth-child(1) .number:before {
    content: "5";
}

.page-id-98 #x-section-2 .x-container:last-child .x-column:last-child .x-feature-box:nth-child(2) .number:before {
    content: "6";
}

.page-id-98 #x-section-2 .x-container:last-child .x-column:last-child .x-feature-box:nth-child(3) .number:before {
    content: "7";
}

.page-id-98 #x-section-2 .x-container:last-child .x-column:last-child .x-feature-box:nth-child(4) .number:before {
    content: "8";
}

Hope this helps.

[BCC-admin]

I’d like to implement this exact edit, but the above code is too specific to that user’s page.
How might I edit it to fit mine?

http://cpadevbluecrushcommunications.com/campaign-test-2-2 under the section ‘Gas Safety’ for example.

[Thai]

Hi @bluecrushadmin,

Could you please double check on your website?

I was unable to access:

Thanks.

[BCC-admin]

My apologies, I missed out a full stop….
http://cpadev.bluecrushcommunications.com/campaign-test-2-2

[BCC-admin]

Hmmm and the comment was stripped of the correct link….
I’ll try again but just it case there’s a point between cpadev and bluecrushcommunications

http://cpadev.bluecrushcommunications.com/campaign-test-2-2

[Christopher]

Hi there,

Please try this :

.page-id-558 #gas-guide .x-column:last-child .x-feature-box:nth-child(1) .number:before {
    content: "5";
}
.page-id-558 #gas-guide .x-column:last-child .x-feature-box:nth-child(2) .number:before {
    content: "6";
}
.page-id-558 #gas-guide .x-column:last-child .x-feature-box:nth-child(3) .number:before {
    content: "7";
}
.page-id-558 #gas-guide .x-column:last-child .x-feature-box:nth-child(4) .number:before {
    content: "8";
}

Thanks.

[BCC-admin]

Spot on! Thank you. I didn’t realise custom naming the section removed the #x-section ID.

[Thai]

You’re most welcome 🙂

If you need anything else, please let us know.

[Author]

Posts