Want to change text/link colour on Hika pages only after buying Hika Styles

  • Posts: 139
  • Thank you received: 10
7 years 2 months ago #278066

-- url of the page with the problem -- : www.finalbug.net/store/product/23-fcpx-foundations
-- HikaShop version -- : 3.2.0
-- Joomla version -- : 3.7.5
-- PHP version -- : PHP 7.1.7 .
-- Browser(s) name and version -- : firefox
-- Error-message(debug-mod must be tuned on) -- : none

Hello Hika Shop

I bought Hika Styles thinking that I could have more control over the styles in Hika Shop.
But no matter what I do the text inside the add to cart button remains green!
I think what is going on here is hat I have something in my template over ride css file that makes all links green and this effects the Hika Shop buttons!

eg:
FCPX Browser Foundations (2018)
FCPX Finishing Foundations (2018)
FCPX Project Foundations (2018)
FCPX Media Foundations

I like the green links and would like to keep them but not inside the add to cart buttons?

Kindly advise how to achieve this.

thanks

Paul

ps is the black vertical line normal as shown in the third screen shot?

Attachments:
Last edit: 7 years 2 months ago by paurray.

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
7 years 2 months ago #278072

Hi,

The green color of the text probably comes from your template yes.
Unfortunately, the link you gave require a login so I was not able to look at it.
Could you provide the necessary information so that we can look at the page ?

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

  • Posts: 139
  • Thank you received: 10
7 years 2 months ago #278097

Hi Nicolas

Kindly try the following:
user name: exampleone
password: exampleone

thanks

Paul

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
7 years 2 months ago #278111

Hi,

It comes from the CSS:
a {
color: #0c9019 !important;
}
in the file /templates/elegant/css/custom.css
The !important there forces all the links, even the add to cart button links to be green.

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

  • Posts: 139
  • Thank you received: 10
7 years 2 months ago #278180

Hi Nicolas

This code effects 1000´s of items on my site.
Is there some where in Hika Shop where I can add some kind of custom CSS block for this code?
So that every thing except the links in the Hika Shop buttons are not effected by the template custom CSS?

I think it is also unfortunate that the second button in the cart is not effected by this code.
i.e. one button is the other is not.
Would be great to have this code simply blocked within Hika Shop

thanks

Paul

Attachments:
Last edit: 7 years 2 months ago by paurray.

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
7 years 2 months ago #278183

Hello,

www.w3schools.com/css/
developer.mozilla.org/en-US/learn/css
www.html.net/tutorials/css/
css-tricks.com/specifics-on-css-specificity/

You should read about the CSS hierarchy and inheritance.
Thanks to that you will be able to find a CSS rule which will bypass the one with "!important".
But please understand that's far outside the limit of our support since it's related to customization/CSS and the problem is related to your template CSS which is performing an "!important" while it is not required.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 139
  • Thank you received: 10
7 years 2 months ago #278265

Hi Jerome

I spent approx 50€ on this "Styles" plugin for one reason and one reason only.
So that I could decide what colour my Hika Shop Cart buttons are and have a consistent look Aka control the style.
As of now some buttons are effected by my template and some are not.
"Add to Cart" buttons text is affected by template
"Finish" buttons text is not affected by template

You should read about the CSS hierarchy and inheritance.


Honestly I do not for the life of me understand why you can not tell me.

a) What code I need to block the template formatting the Hika Shop Styles package.
b) Where to add it.

I just want the styles package to be able to work the way it was designed to work nothing more nothing less.

all the best

Paul

Last edit: 7 years 2 months ago by paurray.

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
7 years 2 months ago #278285

Hi,

Having a !important in your template for all the A tags is wrong. A template is not supposed to do that.
I'm sorry but you can't expect the styles pack to override that.
The solution here should normally be to fix the template and not have the !important.
The styles pack is not designed to override !important CSS styles because there should not be any in a template, especially on all the A tags.
If you don't want to remove that !important there, then the only solution is to add after it such CSS rule:
a.hikabtn{ color: white !important; }
or another color you want instead of green. So in the same file of your template /templates/elegant/css/custom.css
Now please, contact your template provider for such issues as we can't be responsible for fixing such things.

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

  • Posts: 139
  • Thank you received: 10
7 years 2 months ago #278480

Hi Nicolas

It ended up being this:

a {
    color: #0c9019 !important;  
}
a.hikabtn{ 
color: white !important; 
}

Perfect thank you. :woohoo:

best

Paul

Last edit: 7 years 2 months ago by paurray.

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

Time to create page: 0.073 seconds
Powered by Kunena Forum