前陣子製作昆蟲網站時找到了一些CSS可以將網站修改至我想要的狀態,
我看不太懂語法,所以不知道這樣用對不對、會不會影響到什麼,但總之最後是達到我要的效果,
所以記錄一下用了哪些CSS以便之後使用。
1. 有些外掛的商品列表可能會因為圖片本身的尺寸而影響到圖片呈列時高度不一,
這個CSS看起來是把圖片條到1:1,然後再用覆蓋填滿圖片。
.elementor-tabs .product .attachment-woocommerce_thumbnail{ *使用語法的位置*
aspect-ratio: 1 / 1;
Object-fit: cover;
}
2. 有些用套版出現的小icon,真的不知道哪裡可以把他刪除
一樣先找到鑰匙用語法的位置,然後下面語法。
display:none
這次是第一次用套版修改跟用WooComerce,
套版完真的覺得好快,網站一下子頁面就都有了,
但開始客製調整的時候真的很茫然,
一個短碼就呈現一個頁面完全不知道是怎麼出來的,
想要修改也要東找西找是哪個地方可以修改,
很多都在我意想不到的地方,
總之網站很有趣但我還摸不出他的邏輯。
