[piexecParticipant]

http://clearwaterconferenceroom.com/index.php/sports-legends-catering/

On this page im displaying a product category via shortcode.

When you hover on the item, the button is covering the image. How do I move it below the last line of text?

Thanks so much for your help!

[RadModerator]

Hi there,

Thanks for writing in.

Sure, please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.woocommerce li.product .entry-header .button {
    position: static;
    opacity: 1;
    margin-top: 10px;
}

Cheers!

[piexecParticipant]

Excellent. That worked perfectly. How do I now increase the size of the fonts for the description and price?

[RupokMember]

Hi there,

Thanks for writing back! You can add this under Custom > CSS in the Customizer.

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
  font-size: 14px;
}

.woocommerce li.product .entry-header .price > .amount, .woocommerce li.product .entry-header .price > ins > .amount {
  font-size: 20px;
}

Hope this helps.

Cheers!

[Author]

Posts