genesis theme framework - Move woocommerce shop page image to left

admin管理员组

文章数量:1130349

I'm setting up a shop using Genesis and Woocommerce. I have the columns set to one and I added the short description beneath the image and before the button using the woocommerce_after_shop_loop_item_title hook.

Ideally I'd like the image to take up 50% width with the description taking the other 50% and then the button beneath both taking up 100%.

Just wondering if this is possible?

Thanks in advance

I'm setting up a shop using Genesis and Woocommerce. I have the columns set to one and I added the short description beneath the image and before the button using the woocommerce_after_shop_loop_item_title hook.

Ideally I'd like the image to take up 50% width with the description taking the other 50% and then the button beneath both taking up 100%.

Just wondering if this is possible?

Thanks in advance

• woocommerce-offtopic
• genesis-theme-framework

Share Improve this question asked Oct 28, 2018 at 9:01 shanedaly001shanedaly001 1 1

• yes. it is possible you can modify the templates files add some classes and use flex or grid to arrange it way you wanted – user145078 Commented Oct 28, 2018 at 10:46

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

Or, another option to what Latheesh advised would be that you could make both the image and description display: inline-block; & have a margin: 2%; with a width: 46%; and then for the button have it a width: 100%; and a clear: both;

All done in css.

I'm setting up a shop using Genesis and Woocommerce. I have the columns set to one and I added the short description beneath the image and before the button using the woocommerce_after_shop_loop_item_title hook.

Ideally I'd like the image to take up 50% width with the description taking the other 50% and then the button beneath both taking up 100%.

Just wondering if this is possible?

Thanks in advance

I'm setting up a shop using Genesis and Woocommerce. I have the columns set to one and I added the short description beneath the image and before the button using the woocommerce_after_shop_loop_item_title hook.

Ideally I'd like the image to take up 50% width with the description taking the other 50% and then the button beneath both taking up 100%.

Just wondering if this is possible?

Thanks in advance

• woocommerce-offtopic
• genesis-theme-framework

Share Improve this question asked Oct 28, 2018 at 9:01 shanedaly001shanedaly001 1 1

• yes. it is possible you can modify the templates files add some classes and use flex or grid to arrange it way you wanted – user145078 Commented Oct 28, 2018 at 10:46

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

Or, another option to what Latheesh advised would be that you could make both the image and description display: inline-block; & have a margin: 2%; with a width: 46%; and then for the button have it a width: 100%; and a clear: both;

All done in css.

本文标签： genesis theme frameworkMove woocommerce shop page image to left