How to change style of added to cart info message

Hi,

That CSS is not added by us. It's inside the library notify-js which HikaShop uses to display the notification boxes.
You can find it in the file media/com_hikashop/js/notify.js with the code:

addStyle("metro-lite", {
		html: '<div><div class="text-wrapper"><div class="title" data-notify-html="title"></div><div class="text" data-notify-html="text"></div></div></div>',
		classes: {
			error: {
				"color": "#a94442 !important",
				"background-color": "#f2dede",
				"border": "1px solid #ebccd1"
			},
			success: {
				"color": "#3c763d !important",
				"background-color": "#dff0d8",
				"border": "1px solid #d6e9c6"
			},
			info: {
				"color": "#31708f !important",
				"background-color": "#d9edf7",
				"border": "1px solid #bce8f1"
			},
			warning: {
				"color": "#8a6d3b !important",
				"background-color": "#fcf8e3",
				"border": "1px solid #faebcc"
			},
			black: {
				"color": "#fafafa !important",
				"background-color": "#333",
				"border": "1px solid #000"
			},
			white: {
				"background-color": "#f1f1f1",
				"border": "1px solid #ddd"
			}
		}
	});

Hi,

Which view depends on where you have the add to cart button displayed.
If it's only on the product details page, then you can add that code in the product / show.php view file.
Note that you'll need to encapsulate that code in script tags.

Hi,

The "Display view files" setting will only work for HikaShop views.
Based on how the add to cart buttons were added to all your pages, it's possible that it won't show anything, which will mean that no HikaShop view is involved. It's worth giving it a shot though.
In case no Hikashop view file is involved, you could add the code in your template, so that it is available on all the pages.
However, you'll have to add a check on the addStyle function to run this code only if this function is present.

Hello,

In order to better understand your need, can you precise the context and be more specific on your need, and so for this :
1. An url link in order to see the context
2. Describe your needs and the changes you want to make

Awaiting your returns to answer you precisely.
Regards

Hi,

You want to edit the HikaShop cart notification plugin via the Joomla plugins manager.
There, you have an option where you can select the "popup" mode and it will work like what you want.