Change button color

  • Posts: 47
  • Thank you received: 1
  • Hikashop Business
8 years 7 months ago #261989

-- HikaShop version -- : 3.0
-- Joomla version -- : 3.6.5

Hello

In witch line of the css i have to change the color for the buttons?

Thanks!

Andy

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

  • Posts: 84426
  • Thank you received: 13722
  • MODERATOR
8 years 7 months ago #261993

Hi,

It comes from the CSS:

a.hikacart {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
frontend_custom…1486654541:169
.hikabtn, .hikabtn:hover {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
in the frontend CSS of HikaShop that you can edit via the HikaShop configuration page.
www.hikashop.com/support/documentation/1...ize-the-display.html

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

  • Posts: 47
  • Thank you received: 1
  • Hikashop Business
8 years 7 months ago #262044

Hello
Thank you very much!
And wehre can i change the text color (button text)?

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

  • Posts: 26284
  • Thank you received: 4046
  • MODERATOR
8 years 7 months ago #262047

For more details about customization ; please read that documentation page :
www.hikashop.com/support/documentation/1...ize-the-display.html

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: 47
  • Thank you received: 1
  • Hikashop Business
8 years 7 months ago #262168

I read it, but it does not help me really.

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

  • Posts: 1119
  • Thank you received: 114
8 years 7 months ago #262212

Hi,

It is basic css rules.

As example:

.hikabtn {background-color: red; color:white;} <- will have button in color red and text in white.

Hope that helps.


Thanks

The following user(s) said Thank You: Jerome

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
8 years 7 months ago #262180

Hello,

For your text customization, you have to find the class name and use it to modify your text, change color, font, size etc !
In order to find text or element class name, you can use your navigator inspector tool, point element and right click, and select inspect tool to have this :



Next see this Css references , and maybe especially this one part for text properties.

For make an example from my class example, you must use this kind of Css code :
.item-103.current.active {
    color: red;
}
And so, text will be red.
Hope this will help you, now you have everything to be able to customize your display.

Regards

Attachments:
Last edit: 8 years 7 months ago by Philip.

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

Time to create page: 0.092 seconds
Powered by Kunena Forum