Product Archive – Page Title
-
I have 12-13 categories that do not fit on the page below the title. https://heartincreation.co.uk/shop/
Is it possible to squeeze them, bring them closer? Is it possible to remove the word handmade in my example (all categories are: handmade … cards)? I can’t remove handmade from the category!
KR,
Piotr
Hi piotrburchart,
Thanks for reaching to us.
Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS to increase the container’s width:
.page-title .container,
.page-title .container-fluid {
max-width: 1500px;
}
Regards,
Hi,
Thank you for your speedy respond.
It doesn’t work as I expected. Can I remove the word handmade from all (I can’t remove it from the category), and reduce the space between them? Handmade Birthday Cards is wrapped. The icons are different sizes.
https://heartincreation.co.uk/shop/
Thanks
Hi piotrburchart,
To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.
Regards,
Hi,
Thank you.
To clarify, my categories start with Handmade: Handmade Birthday cards, Handmade Anniversary cards and more (12 – 13) Apparently the title is too long to change all under the title as above. For the menu, I changed the title from Handmade Birthday Cards, to Birthday Cards. Can I do something similar under the title page, remove Handmade, and reduce the spacing so they all fit nicely?
Login details below.
Thank you
Hi piotrburchart,
Provide me with the mockup of the styles that you try to achieve and we’ll send proper instructions if it’s possible.
Regards,
Hi,
Thank your quick respond.
there will be two additional categories and different icons.
Something like that:
https://ibb.co/jZLVNhXr
I am able to sacrifice icons!!!
Thanks
Hi piotrburchart,
Please add the below Custom CSS code to Theme Settings > Custom JS:
$(document).ready(function() {
$('.wd-nav-product-cat .nav-link-text').each(function() {
let text = $(this).text();
if (text.startsWith('Handmade ')) {
$(this).text(text.substring(9)); // 9 is length of "Handmade "
}
});
});
Regards,
Hi,
I appreciate your help, however, it is not working:
https://postimg.cc/gallery/ry90Zfy
Piotr
Hi,
I have move quickly move on with this page. So, please ignore all the above I will remove categories from Page title.
Please only tell me how to change “Default size” for page title area (not font size, whole page title area) if possible, and how to decrease font size for mobile ?
Thank you for your patients.
Piotr
Hi piotrburchart,
I can see you added to change font-size of page title, please let me know if you need further helps.
Regards,
Thank you.
1. I do not know how to change page font size on mobile if possible?
2. How to change “default” size of page title area? We can choose: default, small and large. How to change size of default?
Thanks
Hi piotrburchart,
Thanks for your patience.
1. You can see that options to change settings font-related always have an option to select devices https://ibb.co/Ld9zY24b
2. With the help of the Theme Presets, you can set different page title size for the pages. Check our article about theme preset – https://xtemos.com/docs-topic/theme-settings-presets/
If you have any questions, let me know.
Regards,
Hi,
Thank you for your answer.
Regarding the 2nd point, I am thinking about this size: https://ibb.co/WpB74Njn
How do I change the default size, if possible? (small is to small, large is to large, so if this is possible to change the default manually?)
Piotr
Hi piotrburchart,
Thanks for screenshot, it helped a lot.
Please add the below Custom CSS code to Theme Settings > Custom CSS > Global CSS section:
div.wd-page-title {
--wd-title-sp: 55px;
}
You can change value till meets your requirements.
Regards,
Perfect, thank you. Please close this ticket.
KR,
PS: Please send a link to send you review; I cannot find it.
Piotr
Hi piotrburchart,
Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!
If you have a quick minute we always appreciate a 5-star rating on our theme!
https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492
Your feedback is the motivation to improve our work and services.
Regards,
.
