Hi Veldad,
Do you mean to remove the bold font from the sidebar heading or from the labels beside the checkboxes. You may use the following custom CSS to thin characters for the labels:
.upcp-label {
font-weight: normal;
}
And for the headings:
.prod-cat-sidebar-cat-title h3 {
font-weight: normal;
}
Best regards,
Thread Starter
veldad
(@veldad)
Thanks for the reply.
This code the *bold* font of both categories AND sub-categories.
.upcp-label {
font-weight: normal;
}
Is there a way to make the Category labels as *bold* and sub-categories as normal font only?
Thanks again!
Of course, just isolate it:
.prod-cat-sidebar-subcategory-div .upcp-label {
font-weight: normal;
}
.prod-cat-sidebar-category-div .upcp-label {
font-weight: bold;
}
Thread Starter
veldad
(@veldad)
Hi!
Thanks for the reply, unfortunately the isolation does not work.
This code makes the whole sidebar labels normal:
upcp-label {font-weight: normal;
}
Adding the following does not do anything:
.prod-cat-sidebar-subcategory-div and .prod-cat-sidebar-category-div
Sample URL is: http://fdchq.online/components-2/
Much appreciated!
Hi Veldad,
I think there was an error in our earlier code, try this:
.prod-cat-sidebar-category .upcp-label {
font-weight: bold;}
.prod-cat-sidebar-subcategory .upcp-label {
font-weight: normal;}
Sorry about the confusion!
Small note: If you find that the ‘bold’ and ‘normal’ look too similar, you could add a colour (in hex color code) to either of the above elements, for example:
.prod-cat-sidebar-category .upcp-label {
font-weight: bold;}
.prod-cat-sidebar-subcategory .upcp-label {
font-weight: normal;
color: #091e96;}
