Notifications
Clear all

wpForo 1.x.x [Solved] How change the widget "products" in the lateral bar

5 Posts
2 Users
0 Reactions
1,556 Views
Posts: 19
Topic starter
(@street)
Eminent Member
Joined: 6 years ago

Hello every one,

I want change the widget "products" display (woocommerce) in the right lateral bar of the forum.

But as you see, the title is not center under the product image, and the price is on the extrem right

Can i delete the text and the price ?

Or can i put the text under the image, and center the price ?

How can i do.

Thanks for the help.

Best regards,
L.

My forum : https://www.lamethodestreet.fr/forum-musculation/

4 Replies
Robert
Posts: 10589
Admin
(@robert)
Support Team
Joined: 9 years ago

Hi @street,

This is not wpForo widget so we can't customize it. I can help you display as it's designed in WooCommerce. Please navigate to Dashboard > Forums > Settings > Styles Tab and put this CSS code in Custom CSS Code textarea. Then fix it, delete all caches, delete all optimizer plugins caches, then navigate to forum front-end and press Ctrl+F5 twice to delete browser cache:

#wpforo #wpforo-wrap ul.product_list_widget li img{
  float: left;
   margin-right: 20px !important;
}

#wpforo #wpforo-wrap ul.product_list_widget li span {
    font-weight: inherit;
}

It should look like this:

1 Reply
(@street)
Joined: 6 years ago

Eminent Member
Posts: 19

Thanks for your answer 😉

I do what you say, copy the code, saved it on the css, but it change nothing.

I delete the cache, i delete my cookies, refresh the page.

Can you put into the css code that i can hide the price ?

Robert
Posts: 10589
Admin
(@robert)
Support Team
Joined: 9 years ago

As I said we I can't help you customize this widget. You should contact to the WooCommerce support team. For the CSS code I provided please add !important statement, and again delete all caches and press Ctrl+F5 on forum front:

#wpforo #wpforo-wrap ul.product_list_widget li img{
float: left !important;
   margin-right: 20px !important;
}
#wpforo #wpforo-wrap ul.product_list_widget li span {
   font-weight: inherit !important;
}
Posts: 19
Topic starter
(@street)
Eminent Member
Joined: 6 years ago

Okay, i understand, i will do that.

Perfect, the code worked 😉
It's better now, more clean.

Thanks you Robert.