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

  • Posts: 5
  • Thank you received: 0
  • Hikashop Essential
1 week 4 days 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 week 4 days ago by nicolas.

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

  • Posts: 84233
  • Thank you received: 13675
  • MODERATOR
1 week 3 days 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.052 seconds
Powered by Kunena Forum