How to Add Padding / Margin Top & Bottom in WooCommerce Archive Pages | Shop | Categories | Product
In this woocommerce tutorial for beginners you will learn how to add margin or padding top and bottom using custom css in woocommerce archives pages e.g. shop / category / tag / tags or single products pages in wordpress website. So if you want you can add padding or margin according to your requirement.
*** Custom CSS:
.woocommerce.archive .site-main,
.woocommerce.single-product .site-main {
padding-top: 20px;
padding-bottom: 20px;
}
---------------------------
.woocommerce.archive .site-main,
.woocommerce.single-product .site-main {
margin-top: 20px;
margin-bottom: 20px;
}
** so you can add pixel value according to your requirement.
#padding #margin #product #css #category #tag #shop #products #woocommerce #wordpress #wordpresstutorial #webtaskwithhassan #hassangilani
Видео How to Add Padding / Margin Top & Bottom in WooCommerce Archive Pages | Shop | Categories | Product канала WebTask With Hassan
*** Custom CSS:
.woocommerce.archive .site-main,
.woocommerce.single-product .site-main {
padding-top: 20px;
padding-bottom: 20px;
}
---------------------------
.woocommerce.archive .site-main,
.woocommerce.single-product .site-main {
margin-top: 20px;
margin-bottom: 20px;
}
** so you can add pixel value according to your requirement.
#padding #margin #product #css #category #tag #shop #products #woocommerce #wordpress #wordpresstutorial #webtaskwithhassan #hassangilani
Видео How to Add Padding / Margin Top & Bottom in WooCommerce Archive Pages | Shop | Categories | Product канала WebTask With Hassan
Комментарии отсутствуют
Информация о видео
27 марта 2025 г. 16:47:50
00:01:53
Другие видео канала




















