AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] How change the widget "products" in the lateral bar

5 Posts
2 Users
0 Reactions
2,227 Views
Posts: 19
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@street)
Eminent Member
Joined: 7 years ago
[#8215]

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/

Sans titre

4 Replies
Robert
Posts: 10753
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@robert)
Support Team
Joined: 3 months 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: 7 years ago

Eminent Member
Posts: 19
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

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: 10753
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@robert)
Support Team
Joined: 3 months 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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@street)
Eminent Member
Joined: 7 years ago

Okay, i understand, i will do that.

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

Thanks you Robert.


Share: