Display brand on the Shop page in bold and above the product name

Hello, is it possible to change the order in which the brand is displayed on the shop page? I would like to display first the brand and underneath the product name and also reverse the brand to be in bold and the product name grayed out like this:
https://i.imgur.com/eIrioTh.png

Instead of this: https://i.imgur.com/406sezb.png

login information

Hello,

Unfortunately, there is no option to exchange the order.

You can change the font by means of Advanced typography option, which allows to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Thank you for the information. Do you happen to know the custom CSS class for the brand & product name on the shop page? Thank you

Hello,

Here is the default code:

body  .woodmart-woocommerce-layered-nav .swatches-large.swatches-brands .filter-swatch>span {
    width: 90px;
    height: 90px;
}

If you have any questions please feel free to contact us.
Best Regards

Thank you Elise for your answer the CSS code was very useful but I think it was referring as an answer to another ticket I opened: https://xtemos.com/forums/topic/widget-swatches-image-size/

What I would like to know is the custom CSS for the Product Name (1) & Brand Name (2) on the shop page so I can insert it to the Advanced typography/Custom Selection – https://i.imgur.com/ZQwcq9H.png
Thank you

Hello,

Thank you very much for choosing our theme and for contacting us.

body .woodmart-hover-alt .woodmart-product-brands-links,
body .product-title, .product-grid-item .product-title{
 font-weight:bold;
}

Please check if the font family has bold weight.

Best Regards

Thank you very much!

You are welcome! If you have any questions please feel free to contact us.

We will appreciate highly if you spend a couple of minutes and answer the questions provided here: https://8uehqcg4tjy.typeform.com/to/IgyV2EiP

Best Regards

Sorry for reopening the topic, I would like to ask how can i change the color of the Brand links to black. At the moment i have these two custom typography settings: https://i.imgur.com/kKPXyMs.png

And also the color of my links is set to black: https://i.imgur.com/7ndhexi.png

Am i missing something else for them to be displayed as black?

Hello,

Please provide page URL and screen of what you want to change.

Best Regards

Hi Elise, it is on the generic shop page – https://spiridoulametheniti.com/shop/

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-grid-item .woodmart-product-brands-links a  {
    color: #000000;
}

Best Regards

Wow thank you so much! it looks great now, thank you for all your help i really appreciate it. You can close this topic now if you want

You are welcome! If you have any questions please feel free to contact us.

We will appreciate highly if you spend a couple of minutes and answer the questions provided here: https://8uehqcg4tjy.typeform.com/to/IgyV2EiP

Best Regards

[Author]

Posts