The basket is ok, but the buttom -to checkout is white on white

  • Posts: 66
  • Thank you received: 1
  • Hikashop Essential
1 week 4 days ago #315488

-- HikaShop version -- : 4.2.2
-- Joomla version -- : 3.9.15
-- PHP version -- : 7.3.13
-- Browser(s) name and version -- : ff. 72.02

Hi.
The button in the basket, - to checkout is white on white..
I cant find the location, to do an costum overwrite..
I have both a danish and an english page..
../da/
../en/..

The english languageworks fine ?? (wierd)
But the danish, the button to checkout is white on white.

Where is this colour hidden :-)

regards.

Attachments:

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

  • Posts: 68132
  • Thank you received: 10158
  • MODERATOR
1 week 2 days ago #315515

Hi,

The issue comes from the CSS:
#sp-top-bar a {
color: #fff;
}
in the file templates/shaper_helixultimate/css/presets/default.css
I would recomend to change it to:
#sp-top-bar a.hikashop_small_cart_checkout_link {
color: #fff;
}

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

  • Posts: 66
  • Thank you received: 1
  • Hikashop Essential
1 week 1 day ago #315577

Does not work, your code did got inserted in custom.css and also tryed with !important

? werry werry wierd :-/

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

  • Posts: 66
  • Thank you received: 1
  • Hikashop Essential
1 week 1 day ago #315579

Coud it be the '8 presets' - they dont work either ?
Maybe they´r related ??

/Regards

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

  • Posts: 2412
  • Thank you received: 325
  • MODERATOR
1 week 10 hours ago #315589

Hello,

We have 2 points to say in order to help you :
1. You must create a more powerful selector, this mean with more html class or id :
=> use this selector like nicolas told you : #sp-top-bar a.hikashop_small_cart_checkout_link
In details, from most to least priority :
#sp-top-bar a.hikashop_small_cart_checkout_link
#sp-top-bar a
#sp-top-bar


2. Why not add your css code in custom.css, but this css sheet can be lower priority.
In details, the last css sheet is the highest priority by example :
style_sheet.css (priority low)
style_custom.css (priority mid)
style_default.css (priority high)

Hope this will be more clear.
Regards

Last edit: 1 week 13 hours ago by Philip.

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

  • Posts: 1918
  • Thank you received: 640
  • Hikashop Business
1 week 9 hours ago #315593

Hi,

I'd think that in Nicolas code it should have been "color: #000;" or so... probably an oversight after copy & paste.

So, @nmouse, try

#sp-top-bar a.hikashop_small_cart_checkout_link {
   color: #000;
}
or whatever colour other than white (#ffffff) you prefer.

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

  • Posts: 68132
  • Thank you received: 10158
  • MODERATOR
1 week 7 hours ago #315598

Hi,

No, my instructions were correct. The problem is that you didn't follow them to the letter.
I said that you should change the code:

#sp-top-bar a {
color: #fff;
}
to this code:
#sp-top-bar a.hikashop_small_cart_checkout_link {
color: #fff;
}
And not to add this code in the custom.css file.
Since the code
#sp-top-bar a {
color: #fff;
}
is still in the file, that's why it doesn't work as expected.

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

  • Posts: 66
  • Thank you received: 1
  • Hikashop Essential
1 day 46 minutes ago #315788

Found it here...

#sp-top-bar a.hikashop_cart_proceed_to_checkout {
color: #000;

That works....

Thanks....

Case closed....

The following user(s) said Thank You: lousyfool

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

Time to create page: 0.077 seconds
Powered by Kunena Forum