Change category description font size

[commissionworks]

Hi

In this page https://www.commissionit.co.uk/product-category/art-commissions-furniture-jewellery/

I cant work out how to change the css on the page that controls the description font size?

Please can you help?

Thanks

[rad]

Hi Amin,

Thanks for reaching out.

Since the size is inherited to the body font then it’s only possible with custom CSS. Please add this CSS to Theme Options > CSS with your preferred font size.

.term-description {
font-size: 18px;
}

Thanks!

[commissionworks]

awesome, thanks.

Any idea how i remove the total count on all categories on the same page? https://www.commissionit.co.uk/product-category/art-commissions-furniture-jewellery/

[Prasant]

Hello Amin,

Thanks for updating the thread.

Please add following CSS under X > Theme Options > CSS:

mark.count {
    display: none;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[commissionworks]

thanks, lastly

did look at the video but did not help.

In https://www.commissionit.co.uk/product-category/art-commissions-furniture-jewellery/ you can see the category names are small but sub category names such as https://www.commissionit.co.uk/product-category/art-commissions-furniture-jewellery/bespoke-furniture-bespoke-suits-furniture-jewellery-kitchens/

are bigger where as others are not like https://www.commissionit.co.uk/product-category/art-commissions-furniture-jewellery/art-commissions/

here is all the css being used?

.esg-grid .mainul li.eg-washington-wrapper{
position: static;
margin: 0 10px;
}
.esg-container >ul, .esg-overflowtrick >ul {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

@media (max-width:500px) {
.x-brand img {
max-width: 190px;
margin-top: 12px;
}
}
.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a {
box-shadow: inset 0 4px 0 0 rgb(0, 102, 156);
}
.x-colophon.bottom a {
color: #333 !important; /(0, 102, 156) /
}
.x-colophon.bottom .x-colophon-content p {
color: #333; /(178, 178, 179)/
}
/* visited link */
a:visited {
color: #0102156 !important;
}
.tax-product_cat .x-header-landmark.x-container.max.width {
display: none;
}
.x-bar-content-area p {
font-size: 16px !important;
}
.term-description {
font-size: 18px;
}
mark.count {
display: none;
}

[friech]

Hi Amin,

Please add this to Theme Options > CSS

.archive.woocommerce .woocommerce-loop-category__title {
	font-size: 21px !important;
	padding-bottom: 0.5em;
}

Feel free to adjust the 21px value for the font-size.

Thanks,