- Posts: 5
- Thank you received: 0
I need to change font-family for the NotifyJS popup box
- f+7Ywxg+Boj3
-
Topic Author
- Offline
Less
More
1 year 2 months ago - 1 year 2 months ago #368148
by f+7Ywxg+Boj3
-- 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?
-- 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?
Code:
/* 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 year 2 months ago by nicolas.
Please Log in or Create an account to join the conversation.
1 year 2 months ago #368150
by nicolas
Replied by nicolas on topic I need to change font-family for the NotifyJS popup box
Hi,
This works for me:
This works for me:
Code:
.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.039 seconds