Home › Forums › WoodMart support forum › Display brand on the Shop page in bold and above the product name

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

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • February 22, 2021 at 11:58 am #268360

    imbacactus
    Participant

    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

    February 22, 2021 at 1:11 pm #268395

    imbacactus
    Participant

    login information

    February 22, 2021 at 8:08 pm #268485

    Elise Noromit
    Member

    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

    February 22, 2021 at 9:02 pm #268496

    imbacactus
    Participant

    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

    February 23, 2021 at 10:55 am #268635

    Elise Noromit
    Member

    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

    February 23, 2021 at 3:29 pm #268753

    imbacactus
    Participant

    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

    February 23, 2021 at 9:46 pm #268809

    Elise Noromit
    Member

    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

    February 24, 2021 at 8:14 am #268868

    imbacactus
    Participant

    Thank you very much!

    February 24, 2021 at 10:08 am #268893

    Elise Noromit
    Member

    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

    February 26, 2021 at 7:25 am #269387

    imbacactus
    Participant

    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?

    February 26, 2021 at 12:32 pm #269507

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    February 26, 2021 at 12:56 pm #269526

    imbacactus
    Participant

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

    February 26, 2021 at 3:52 pm #269575

    Elise Noromit
    Member

    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

    February 26, 2021 at 4:08 pm #269582

    imbacactus
    Participant

    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

    February 26, 2021 at 8:30 pm #269630

    Elise Noromit
    Member

    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
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.