Home Forums WoodMart – Premium Template Display brand on the Shop page in bold and above the product name

This topic contains 14 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 week, 3 days ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #268360

    imbacactus
    Customer

    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

    #268395

    imbacactus
    Customer

    login information

    Private Content Hidden
    #268485

    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

    #268496

    imbacactus
    Customer

    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

    #268635

    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

    #268753

    imbacactus
    Customer

    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 Selectionhttps://i.imgur.com/ZQwcq9H.png
    Thank you

    Private Content Hidden
    #268809

    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

    #268868

    imbacactus
    Customer

    Thank you very much!

    #268893

    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

    #269387

    imbacactus
    Customer

    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?

    Private Content Hidden
    #269507

    Hello,

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

    Best Regards

    #269526

    imbacactus
    Customer

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

    Private Content Hidden
    #269575

    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

    #269582

    imbacactus
    Customer

    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

    #269630

    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

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Display brand on the Shop page in bold and above the product name’ is closed to new replies.