Cartnotify

  • Posts: 145
  • Thank you received: 1
5 years 10 months ago #294122

-- url of the page with the problem -- : lobo-contract.dk/shop
-- HikaShop version -- : 3.4.0
-- Joomla version -- : 3.8.8

Hi

i have some problems with the cartnotify background-color. i cant find where it is placed.
I found the plugins/hikashop/media/notify-metro.css
But still not all the background

I found also some background-colors in the notyfy.js

I would like to have the background in the cartnotify #f2f4f5 and i have in some part of it.

Hope for some help

Best regards
Brian

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

  • Posts: 81504
  • Thank you received: 13062
  • MODERATOR
5 years 10 months ago #294123

Hi,

You can add CSS to override the CSS from cartnotify in the HikaShop CSS as an override in the HikaShop configuration or your template CSS. It's better than to modify directly the plugin as you'll loose the changes when you update HikaShop.

And if you check with the developer tools of your browser, you can easily find the classes/ids that you need to use to change the background there:
www.hikashop.com/support/documentation/1...ize-the-display.html
Just increase the duration of the notification in the settings of the cart notify plugin so that you have more time to analyze the CSS of the notification box when it displays on your website while you're modifying its CSS.

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

  • Posts: 145
  • Thank you received: 1
5 years 10 months ago #294149

Hi
i have tryed to make all the classes with background-color
But not one will let the light blue take over
What class it is set to?

Best regards
Brian

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

  • Posts: 81504
  • Thank you received: 13062
  • MODERATOR
5 years 10 months ago #294155

Hi,

It uses that CSS:

.notifyjs-metro-info {
    color: #31708f !important;
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
}
If you check the box with the developer tools of your browser, you can see that easily.
So just add such CSS to your template CSS file (loaded after the cart notify CSS) and change the colors and that's it.

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

  • Posts: 56
  • Thank you received: 0
  • Hikashop Business
5 years 5 months ago #299421

Hello ,

I would like to do this in my site. I put these lines in my template override css file:
.notifyjs-metro-info {
color: #336600 !important;
background-color: #ffffff;
border: 1px solid #336600;
}
However, I still get the blue(s) colors. Is there a custom css file where I can make these changes? Without loosing them after an update?

Kind regards, Hans

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

  • Posts: 12953
  • Thank you received: 1778
5 years 5 months ago #299423

Hello Hans,

I just tested that CSS code on my end by adding it via "Hikashop->System->Configuration->Display->Front-end CSS File" and it worked fine.
Can you add that code using that option and test it again ? Thank you.

For more information about CSS code customization :
www.hikashop.com/support/documentation/1...the-display.html#css

Kind regards,
Mohamed Thelji.

Last edit: 5 years 5 months ago by Mohamed Thelji.

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

  • Posts: 56
  • Thank you received: 0
  • Hikashop Business
5 years 5 months ago #299456

Hi Mohamed,

Unfortunately this isn't working for me. Custom css seems to be overruled. See attachment.

Attachments:

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

  • Posts: 4508
  • Thank you received: 610
  • MODERATOR
5 years 5 months ago #299467

Hello,

Can you provide an Url link with your element to get which css override your frontend css file ?
Awaiting news from you.

Regards

Last edit: 5 years 5 months ago by Philip.

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

  • Posts: 56
  • Thank you received: 0
  • Hikashop Business
5 years 5 months ago #299587

Hi Philip,

The url is www.duurzame-kerstbomen.nl/bestellen . Right now the timer of the plugin is set to 1500. Do I need to change that, because you can hardly see the css...

Kind regards, Hans

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

  • Posts: 4508
  • Thank you received: 610
  • MODERATOR
5 years 5 months ago #299594

Hello,

Yes please, right now it's really difficult to see the css code relative to your popup.
But before this, I have another thing to test :

=> Did you use some more "!important" to be sure to prioritize your custom css command ?

If that doesn't work, increase drastically your delay to have more time for analyze.

Regards

Last edit: 5 years 5 months ago by Philip.
The following user(s) said Thank You: hans1961

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

  • Posts: 56
  • Thank you received: 0
  • Hikashop Business
5 years 5 months ago #299713

Philip,

Adding more !important did the trick! Thanks!

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

Time to create page: 0.100 seconds
Powered by Kunena Forum