Edit Category listing in Page Title

How do i edit the font type/size/style of the Categories shown in the Page Title?
None of the dropdown in Advanced Typography works.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.
Please add this code to the Theme Settings > Custom CSS > Global:

body .color-scheme-light .woodmart-show-categories a {
    color:red;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-weight: 900;
    font-size:20px;
}

You can use this selector in the Advanced typography or add to the Custom CSS and change as per your needs.

Best Regards

Thanks for the code. Managed to change the format for the mobile ‘Category’
I have some more questions.

1) Please provide the code to change the format of dropdown sub categories.
2) Is there any code to change the spacing between the dropdown sub categories?
3) Is it able to align the dropdown sub categories to the centre? it looks aligned to the left now.

Thanks for your help!

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area.

Best Regards

Thanks. details in private content.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .category-nav-link .category-summary {
    margin: 0 auto;
}

Best Regards

Thanks for the help so far. However there are still some questions which are not addressed.
Please see points 2 & 3 below.

1) Change the format of dropdown sub categories <– done
2) Change the spacing between the dropdown sub categories? <– not answered.
3) Align the dropdown sub categories to the centre? <– done but the category image remains aligned on the left? can you shift the images as well?

Hello,

Please check the credentials I cannot log in any more. Please send the updated.

Best Regards

Please use updated credentials.
Thanks.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .category-nav-link .category-summary {
    margin: 0 auto;
}
body .hasno-product-count .category-nav-link {
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 1024px){
body .category-nav-link {
    padding: 0;
}
}
body .woodmart-product-categories{
padding:0;
margin:0;
}

The background image has been already centered https://prnt.sc/vxneqq

Best Regards

[Author]

Posts