I need to change font-family for the NotifyJS popup box

  • Posts: 5
  • Thank you received: 0
  • Hikashop Essential
1 month 8 hours ago #368148

-- HikaShop version -- : 6.0.0
-- Joomla version -- : 5.3.2
-- PHP version -- : 8.2.28
-- Browser(s) name and version -- : All
-- Error-message(debug-mod must be tuned on) -- : N/A

I need to change the font in the NotifyJS popup box that appears when you add a product to your cart - from a times font to a sans-serif font. I learned how to edit the styles for front end css and have been able to change the border collar and box position etc with the css below, but can't figure out how to change the font-family. I've added the code below but the font remains Times New Roman.

Can anyone help. Thank you. Nicolas?

/* notify popup css to change information inside */
.notifyjs-metro-info {
color: #000000 !important;
font-family: "Open Sans", Arial, sans-serif !important;
}

.notifyjs-container {
color: #000000 !important;
background-color: #6aa84f !important;
border: 5px solid #fc8b00 !important;
}

/* notify popup css to change notify box position */
.notifyjs-corner {
position: fixed;
margin: 20px;
z-index: 110050 !important;
margin-top: 40px !important;
}

Last edit: 1 month 6 hours ago by nicolas.

Please Log in or Create an account to join the conversation.

  • Posts: 84301
  • Thank you received: 13697
  • MODERATOR
1 month 5 hours ago #368150

Hi,

This works for me:

.notifyjs-container .text-wrapper {
    color: #000000 !important;
    font-family:  "Open Sans", Arial, sans-serif !important;
}

Please Log in or Create an account to join the conversation.

Time to create page: 0.056 seconds
Powered by Kunena Forum