Restyling Bullets (without fucking everything else up)

[ovollc]

I need to restyle the bullet icons within the unordered list. I;ve not found a way to narrow down the regular list content within the content blocks without affecting something else. The closest I’ve gotten is this:

.spb_text_column ul, .box-content-wrap ul {
        list-style: none;
        padding-left: 1.2em;
        text-indent: -1.2em;
}
.spb_text_column li:before, .box-content-wrap li:before {
    content: "+";
    display: block;
    float: left;
    width: 1.2em;
    color: #10069f;
}

And that works well, but it fucks up the styling on all of the forms (Gravity Forms).

Suggestions as to a more precise/better selector for this?

Thanks for the help, guys.

[ovollc]

Essentially, I want a blue + rather than the standard circular bullet.

[Mohammad – SUPPORT]

Hi,
Please use the code like this:-

.page-id-34 .spb_text_column ul, .box-content-wrap ul {
        list-style: none;
        padding-left: 1.2em;
        text-indent: -1.2em;
}
.page-id-34 .spb_text_column li:before, .box-content-wrap li:before {
    content: "+";
    display: block;
    float: left;
    width: 1.2em;
    color: #10069f;
}

Thanks
Mohammad

[ovollc]

Mohammad —

Is that specific to that page only? I need the style on all of the pages that use unordered lists in body content.

Thanks for your help.

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with gravity so i can see actual issue with it.
Thanks
Mohammad

[ovollc]

Alright, adding this code:

.spb_text_column ul, .box-content-wrap ul {
        list-style: none;
        padding-left: 1.2em;
        text-indent: -1.2em;
}
.spb_text_column li:before, .box-content-wrap li:before {
    content: "+";
    display: block;
    float: left;
    width: 1.2em;
    color: #10069f;
}

One of the forms pages is located here:
http://1ca.13c.myftpupload.com/contact/

[Mohammad – SUPPORT]

Hi,
Please use this code now:-

.spb_text_column ul:not(.gform_fields), .box-content-wrap ul:not(.gform_fields) {
        list-style: none;
        padding-left: 1.2em;
        text-indent: -1.2em;
}
.spb_text_column ul:not(.gform_fields) li:before, .box-content-wrap ul:not(.gform_fields) li:before {
    content: "+";
    display: block;
    float: left;
    width: 1.2em;
    color: #10069f;
}

Thanks
Mohammad

[ovollc]

I’ll give it a go. Thanks, Mohammad.

[Mohammad – SUPPORT]

Hi,
Its ok.
Thanks
Mohammad

[ovollc]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.spb_text_column ul:not(.gform_fields,.member-contact), .box-content-wrap ul:not(.gform_fields,.member-contact) {
        list-style: none;
        padding-left: 1.2em;
        text-indent: -1.2em;
}
.spb_text_column ul:not(.gform_fields,.member-contact) li:before, .box-content-wrap ul:not(.gform_fields,.member-contact) li:before {
    content: "+";
    display: block;
    float: left;
    width: 1.2em;
    color: #10069f;
}

Thanks
Mohammad

[ovollc]

This reply has been marked as private.

[ovollc]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please try this code:-

.spb_text_column ul:not(.gform_fields):not(.member-contact), .box-content-wrap ul:not(.gform_fields):not(.member-contact), .body-text ul:not(.gform_fields):not(.member-contact) {
        list-style: none;
        padding-left: 1.2em;
        text-indent: -1.2em;
}
.spb_text_column ul:not(.gform_fields):not(.member-contact) li:before, .box-content-wrap ul:not(.gform_fields):not(.member-contact) li:before, .body-text ul:not(.gform_fields):not(.member-contact) li:before {
    content: "+";
    display: block;
    float: left;
    width: 1.2em;
    color: #10069f;
}

Thanks
Mohammad

[ovollc]

This reply has been marked as private.