Hi there!
On my site - https://dhbrownstaging.wpengine.com/storefront/landscapes/goblin-valley/, I’m trying to style the related products but I can’t quite get the right selector to do so.
I’d like to remove the border and set the font family to FuturaBT-Book. How could I achieve that?
Thanks for the help!
Hi,
To achieve that, you can add the code below in Theme Options > CSS
.woocommerce .related ul.products li.product,
.woocommerce .related ul.products li.product .entry-featured {
border:0;
}
.woocommerce .related ul.products li.product .price,
.woocommerce .related ul.products li.product .entry-header a {
font-family: 'FuturaBT-Book',sans-serif !important;
}
Hope that helps
Ok great, that did the trick on the styling.
How could I change the size of the related product photo? I’d like for it to be uncropped.
Thank you!
Actually when I look at my finished products it is all good! Thanks for the help!
Hi again,
We’re glad it worked. If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.
I recommend you to watch following video that will help you to get started with CSS.
Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.
https://developers.google.com/web/tools/chrome-devtools/css/
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.