Change product category height, change menu font into lowercase, and footer
-
Dear Support,
1. Could you change the product category height? (Product category.jpg)
2. How do we change the Navigation font into lowercase?
3. How do we set left align for footer column 1? (Footer jpg)
Thank you very much
Attachments:
You must be
logged in to view attached files.
Hello,
1. Categories, you need to disable cropping and upload high images: https://xtemos.com/docs/basel/image-size-in-a-product-grid/
2. Please provide the page URL, I will provide custom CSS.
3. Please add this code to the Theme Settings > Custom CSS > Global:
body .footer-container .footer-widget p{
text-align:left;
}
body .footer-container .widget_text .social-icons{
text-align:left;
}
Best Regards
Dear Elise,
Thanks!
The page URL is https://huashop.com.my/
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .main-nav .menu > li > a {
text-transform: none;
}
Best Regards
Dear Support,
1. How do i change the all header icons and text color? (header.jpg)
2. How do i change the color of the product title, price, add to cart text? (product.jpg)
Maybe change all the text into one color instead of black**
3. How do i add social icons that linked to my Facebook, Instagram page on my header and footer?
Thank you very much for the help.
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .right-column .search-button a {
color:red;
}
.icons-design-line .wishlist-info-widget>a:before {
color:red;
}
body .color-scheme-dark a:hover {
color: yellow;
}
body .icons-design-line .shopping-cart>a:before {
color:red;
}
You can change the font by means of Advanced typography option, which allows to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.
Here is the documentation providing more detailed instructions: https://xtemos.com/docs/basel/advanced-typography-settings-2/
You can configure the social icons in the Theme Settings > Social Icons.
Configure your [social_buttons] shortcode. You can leave the field empty to remove the particular link. Note that there are two types of social buttons. First one is SHARE buttons [social_buttons type="share"]. It displays icons that share your page in social media. And the second one is FOLLOW buttons [social_buttons type="follow"]. Simply displays links to your social profiles. You can configure both types here.
Best Regards
Dear Elise,
Thanks for the quick support, it is working good but is not working for the footer.
1. How do i change the color for footer column title, text, and social icons? (footer-col.jpg)
2. How do i change the title to become wider and put it at the bottom of the category image? (category-title.jpg)
Thank you.
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .cat-design-default .hover-mask {
bottom: 0;
width: 100%;
display: block;
}
body footer.color-scheme-light .widget-title {
color: yellow;
}
body .footer-container.color-scheme-light ul li {
color: orange;
}
body .footer-container .textwidget {
color: orange;
}
body .footer-container.color-scheme-light ul li a{
color: yellow;
}
body .footer-container.color-scheme-light ul li a:hover {
color: red;
}
Set the colors as per your needs.
Best Regards
Dear Elise,
Thank you so much for the info again.
There are two more things to change:
1. Footer title underline color
2. Footer copyrights font color
3. the tiny line above the footer copyright color as well
Thank you Elise!
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .footer-container.color-scheme-light p,
body .footer-container.color-scheme-light p a{
color: yellow;
}
body .color-scheme-light .widget-title:before{
background-color: red;
}
body .footer-container.color-scheme-light .main-footer+.copyrights-wrapper .min-footer {
border-top: 1px solid yellow;
}
Best Regards
.
