[thebudclubParticipant]

Hi,

http://www.TheBudClub.ca
Latest WP
Latest X
Latest CS

my shop, http://www.thebudclub.ca/shop, is organized by products.

The 3 issues I have are:
1) Product titles vary from 1-3 lines, which pushes the elements below down and ruins the horizontal alignment
2) Product short descriptions do not have the same horizontal alignment on the first line
3) product price does not line up

when I say “line up”, I mean horizontally.

currenty:
———————————————————-
PRODUCT A PRODUCT
B
this is a short
description this is a
short
$10 description

$10
———————————————————-

to

———————————————————-

PRODUCT A PRODUCT B

this is a short description this is a
short
description.

$10 $10
———————————————————–

so each box for product title, description, price, needs to have a limited box size that won’t expand. that way everything lines up reeeaaaaal nice. JUST TO NOTE, I know two of the product images are a different size, Bubba & Honey, I need to fix that.

Thanks X theme.

[thebudclubParticipant]

This reply has been marked as private.

[thebudclubParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.archive.woocommerce .entry-product .entry-featured:nth-child(3) {
   display:none;
}

.archive.woocommerce .entry-product .entry-featured img {
   min-height:148px;
   display:block;
}

.archive.woocommerce .entry-product .entry-header a {
   min-height:75px;
   display:block;
}

.archive.woocommerce .entry-product .entry-header div[itemprop="description"] {
   min-height:84px;
   display:block;
}

Hope that helps.

[thebudclubParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

a.button.product_type_simple.ajax_add_to_cart {
    min-height: auto !important;
    height: auto;
}

I can’t access single products, I get following message :

This product can only be viewed by members.

Hope that helps.

[thebudclubParticipant]

This reply has been marked as private.

[thebudclubParticipant]

also the writing “view cart” on product view has a terrible green background when you hover over it. i think it should just remain a hyperlink text

[JoaoModerator]

Hi There,

Please add the following code to Appereance Customizer Custom CSS {

.woocommerce a.button:hover, .woocommerce-page a.button:hover {
background: none;
}

Hope it helps

Joao

[thebudclubParticipant]

This reply has been marked as private.

[thebudclubParticipant]

This reply has been marked as private.

[thebudclubParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

To add description, you can add the code below in your child theme’s functions.php file.

add_action( 'woocommerce_after_shop_loop_item_title', 'my_excerpt',0); 

function my_excerpt($excerpt) {
    echo '<div class="my-excerpt">'.get_the_excerpt().'</div>';    
}

Hope that helps.

[thebudclubParticipant]

hi paul,

thank you so much for all your help thus far.

everything looks good, i just am wondering the css code to edit the horizontal alignment of the price

the product title and description are lined up. just price left.

thank you

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.my-excerpt {
    min-height: 85px;
}

Hope that helps.

[Author]

Posts