Ethos to icon

[Singh]

hi am using the ethos stack…But i want the product on shop page to look like the icon…

i dont want the hover wrap thing. and price and product title to show at the bottom centered.

please can help

thanks

[christian]

Hey @Singh,

Regretfully, there’s no option to mix and match stack design. This would require custom development which is outside the scope of our support. You would need to hire a third party developer for this.

Thank you for understanding.

[Singh]

no i just want that entry wrap to be removed and price and title of product to be shown at the bottom of the product image…

this is basically regarding the product image on shop page…i do not want that hover effect…
i just want the price and product title to show below the product image with no background color of the entry wrap

[Prasant]

Hello @Singh,

Thanks for updating the thread.

Please add following CSS under X > Theme Options > CSS and let us know how it goes:

.woocommerce div.product .images {
    width: 100% !important;
    float: none !important;
    pointer-events: none;
}


.summary.entry-summary {
    float: none !important;
    width: 100% !important;
    margin-top: 3em;
}

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.

https://www.youtube.com/watch?v=MFR4WXiLzpc

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/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

[Singh]

Hi thank you … unfortunately that code didn’t work…
i am using the renew stack to have what i wanted…

thank you for your help

[christian]

Hey @Singh,

As I have said previously, this would require custom development. The customization is not as straightforward as giving you a simple snippet of CSS. Please read our Terms.

I hope you understand.

Thank you.