Pop Up Images - Transparency on Black

  • Posts: 61
  • Thank you received: 1
  • Hikaserial Subscription Hikashop Business
2 months 1 week ago #334160

-- url of the page with the problem -- : www.kkspshop.com/us/products/brushes/one-stroke-brush.html

Hello ,

first of all thanks for the nice hikashop update (Did Update just today).
But some things has changed as i can see, standart Buttons now Green, how to color them again i how i want it ?

And second and mostly the reason why i opend the post,

Popup images looking great now, but, we had in the past like Pictures which was on PNG or with some transparancy they had always a white background, now after the update its on black, how can i change it back to white ? That our Pictures with Tranparency will presented on White not on Black.

See Screenshot,



Thanks,

Pierre P.

Ps. would love to have the Image Pop Up like here on this Page but when the picture has a Transparent background it should be white not black.

Attachments:
Last edit: 2 months 1 week ago by Lilithay.

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

  • Posts: 3308
  • Thank you received: 441
  • MODERATOR
2 months 1 week ago #334177

Hello,

We will answer you for your both questions in the same move.
Follow us step by step to edit your frontend file css and add your required Css command.
1. Learn the theory, here
2. Create a good selector, in order to determine the target of your new css command
Ex :

.your_target_class {
     // Your command css that must "override" the current css command
     background-color: #fff
 }
3. Concrete example :


Hope this will help you to correct your display.
Regards

Last edit: 2 months 1 week ago by Philip.

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

  • Posts: 61
  • Thank you received: 1
  • Hikaserial Subscription Hikashop Business
2 months 1 week ago #334200

.your_target_class {
// Your command css that must "override" the current css command
background-color: #fff
}

if i add this to a custom css nothing changed. Why do you always change what was good ? :D

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

  • Posts: 3308
  • Thank you received: 441
  • MODERATOR
2 months 1 week ago #334202

Hello,

Because you have to learn yourself how to build your own css command and here selector, that the best way.
"give someone a fish, you fed him for a day, teach him how to fish, you fed him for life."
;)
And basically, the forum can't be a copy/paste code request place.
Regards

Last edit: 2 months 1 week ago by Philip.

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

  • Posts: 61
  • Thank you received: 1
  • Hikaserial Subscription Hikashop Business
2 months 1 week ago #334263

I know you want to help, but its not easy and well i didnt changed it by my own! you did.
Its like asking from a Photoshopper to fly a Aircraft.... This is a nice saying but wont help you in the entire life.

div#sb-body {
background-color: #fff
}

div#sb-loading {
background-color: #fff
}

is what i did in the custom_css but how do i remember that i did it ?

Last edit: 2 months 1 week ago by Lilithay.

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

  • Posts: 3308
  • Thank you received: 441
  • MODERATOR
2 months 1 week ago #334269

Hello,

I'm sorry if my answer was unpleasant to you, that was really not the point and I really believed that my message ( here ) allowed you to understand the principle... As you didn't really say that my answer was insufficient ...

And so, there are misunderstood here, my point was to explain why we guide you like this and not of course to "play" with you.
The point was to show you how to proceed to reproduce the operation, because this can always by useful.

Plus, you have a concrete example in my screenshot, and in this specific case the css code wasn't changed by the HikaShop team, but we changed the popup system there because the old one that was there by default wouldn't be in Joomla 4, so we had to switch to another one. Also, the new one has next and previous buttons for when you have several images to switch between them, which wasn't the case with the previous popup system.
It's true that the background color change wasn't in our mind when we process this required change.

Now, in order to prove our goodwill, here the relative code :
1. For the button color :

a.hikacart {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
2. For the popup background :
div#sb-wrapper-inner div#sb-body {
    background-color: #fff;
}
Take care to post it at the end of your frontend css file, this will increase his priority effect.
Once again, sorry for the misunderstood.

Regards

Last edit: 2 months 1 week ago by Philip.
The following user(s) said Thank You: Lilithay

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

  • Posts: 61
  • Thank you received: 1
  • Hikaserial Subscription Hikashop Business
2 months 1 week ago #334270

No problem at all, and thanks for the advice.
I'am really Thanksful.

Last edit: 2 months 1 week ago by Lilithay.
The following user(s) said Thank You: Philip

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

  • Posts: 3308
  • Thank you received: 441
  • MODERATOR
2 months 1 week ago #334275

Hello,

In order to remember or easily locate your changes, put the code at the end can be already a solution, and you can add some comments, like this :

/* This custom code is for button modification */
a.hikacart {
    background-color: red;
    border-color: red;
}
a.hikacart: hover {
    background-color: blue;
    border-color: blue;
}
And you have already note HikaShop create a custom version of the classic frontend css file (called custom in your dropdown).
This will allow you to keep the default version to make comparisons and go back if necessary.

Regards

Last edit: 2 months 1 week ago by Philip.
The following user(s) said Thank You: Lilithay

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

Time to create page: 0.083 seconds
Powered by Kunena Forum