Content appear after the product

  • Hello, Folks
    I have a problem on my website that the text appear after the products which is not looking good. Actually I have a ecommerce store where I use Kadence theme and the settings are too complex. Can any body help me in this case.

    • This topic was modified 3 years, 1 month ago by seranahill.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi!

    Can you add a NSFW tag to the post? I know it is just for lingerie, but it would be fair to put up a mild warning.

    Why do you mean by the text appear after the products?

    Hi @seranahill,

    If you’re looking to achieve this with some simple CSS, add the following under Appearance > Customize > Additional CSS:

    Place the text above the imagery:

    .woocommerce ul.products li.product a {
	display: flex;
	flex-direction: column-reverse;	
}

    Edit the hover animation for the text on hover:

    .woocommerce ul.products.woo-archive-action-on-hover li.product:hover .entry-content-wrap, .woocommerce ul.products.woo-archive-action-on-hover li.product:focus-within .entry-content-wrap {
	transform: translateY(2rem);
}
    Thread Starter seranahill

    (@seranahill)

    Thank you guys you can now check my website it appears to text after my products.
    Website

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Content appear after the product’ is closed to new replies.