product grid links and button – difficult styling
-
Hi,
i would like to have all the links in the product category grid in white color. The “Versand” link should allways be white and centered. The “Ausführung wählen” link should be white too and the button should not be translucent when hovered. I really like your theme, but styling all the typo elements give me pain in my ass. Why has it to be so complicated? In my opinion there should be one single place to style all the typo. Currently its a mess with theme options, elementor options and css. It would be much better and faster with only one place. I work with elementor every day, so i would prefer to have an styling option on every single widget which overrides the theme style options if set. 90% of my support request will be about typografic styling. If there would be a place for a complete and comprehensiv typo styling you could reduce the support load a lot.
Kind regards Alex
Kind regards
-
This topic was modified 2 months ago by
DBP. Reason: forgot something
Attachments:
You must be
logged in to view attached files.
Hello,
You can change the font by means of the Advanced typography option, which allows you 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/woodmart/advanced-typography-settings/
For the add to cart button text color and hover effect, please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.wd-product.wd-hover-button .wd-add-btn>a, .wd-product.wd-hover-info-alt .wd-add-btn>a {
color: #ffffff;
}
.wd-add-btn-replace a.add-to-cart-loop:hover:before,
.wd-add-btn-replace a.add-to-cart-loop:hover span{
transform: none;
}
.wd-add-btn-replace a.add-to-cart-loop:before{
font-size: 0;
}
Best Regards,
Hi, that doesn´t work out. Nothing changes. Pls investigate further and try for yourself.
Kind regards
Hello,
Please give me site access as an administrative role so I can check and give you a possible solution.
Best Regards,
here we go. Maybe i will get some code which i can use. It´s really a waste of my time to make simple requests and the support provides me with non working css for their own theme. Disappointing. Can i get the email of your quality management. I really like to discuss this issue.
Thanks for styling the link. BUT, why dont you target the part “zuzgl.” which comes befor the “Versand”. If i ask to center “Versand” and make it white there´s not much cognitiv capacity needed to recognize that the word “zzgl.” before the word “Versand” has to be white too in order to make a visual centering of the whole part. Pls provide the css for “zzgl.” the word before “Versand”.
Hello,
To change the “zzgl” word color, try to add the following custom css code in Theme Settings > Custom CSS > Global Custom CSS:
.wgm-info.woocommerce_de_versandkosten {
color: white !important;
}
Best Regards,
.
