Theme: SKT Pathway Pro

[Nigel]

Hi

is it possible to change the bullet graphic or colour

see green bullet sample: https://www.grahamwilliams.co.uk/terms/

thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

section ul li, .content-area ul li, .content-area ol li ul li {
    -webkit-filter: hue-rotate(-60deg);
    filter: hue-rotate(-60deg);
}

Regards,
Dave

[Nigel]

thanks

how do I change the colour, ie: for this site: https://www.gabo.org.uk/biography/

or can I change the graphic?

[Sonl Sinha]

Hi,

Kindly use this one:

section ul li, .content-area ul li, .content-area ol li ul li {
    -webkit-filter: hue-rotate(128deg);
    filter: hue-rotate(128deg);
}

Regards,
Dave

[Nigel]

many thanks, just updated this site using the same theme using the code sent, working well.

but still have default (green) in the woo shop pages, for example: https://medicalportfolios.co.uk/product/plastic-surgery-dividers/

where in the appearance section can these green element be changed please?

[Sonl Sinha]

Hi,

Kindly use this one:

section ul li, .content-area ul li, .content-area ol li ul li {
    -webkit-filter: hue-rotate(-46deg);
    filter: hue-rotate(-46deg);
}

Regards,
Dave

[Nigel]

hi, thanks…

still getting green elements on some pages: https://medicalportfolios.co.uk/product/anaesthetic-appraisal-revalidation-set/

[Sonl Sinha]

Hi,

Kindly use this CSS code.

section ul li, .content-area ul li, .content-area ol li ul li { background:none;}
tab-description ul li::before {
    content: "\f058";
    border-radius: 100%;
    display: inline-block;
    font-family: fontawesome;
    color:#f5b341;
    position: absolute;
    left: 2px;
}

Regards,
Dave

[Nigel]

thanks, all green has dissappeared

[Nigel]

lost all bullets?

https://medicalportfolios.co.uk/product/generic-interview-sets/

[Sonl Sinha]

Hi,

Kindly use this code:

section ul li::before, .content-area ul li::before, .content-area ol li ul li::before { background:none;}
tab-description ul li::before {
    content: "\f058";
    border-radius: 100%;
    display: inline-block;
    font-family: fontawesome;
    color:#f5b341;
    position: absolute;
    left: 2px;
}

Regards,
Dave

[Nigel]

Hi, the code recommended is changing the image saturation on woo commerce thumbnails!!!

[Nigel]

this is the code I removed…

section ul li, .content-area ul li, .content-area ol li ul li {
-webkit-filter: hue-rotate(-30deg);
filter: hue-rotate(-30deg);
}

section ul li, .content-area ul li, .content-area ol li ul li {
-webkit-filter: hue-rotate(-46deg);
filter: hue-rotate(-46deg);
}

section ul li, .content-area ul li, .content-area ol li ul li { background:none;}
tab-description ul li::before {
content: “f058”;
border-radius: 100%;
display: inline-block;
font-family: fontawesome;
color:#f5b341;
position: absolute;
left: 2px;
}

[Sonl Sinha]

Hi,

Only remove this code:

section ul li, .content-area ul li, .content-area ol li ul li {
-webkit-filter: hue-rotate(-30deg);
filter: hue-rotate(-30deg);
}

section ul li, .content-area ul li, .content-area ol li ul li {
-webkit-filter: hue-rotate(-46deg);
filter: hue-rotate(-46deg);
}

Regards,
Dave

[Author]

Posts