Styling the Checkout Page

  • Posts: 131
  • Thank you received: 3
12 years 5 months ago #53802

Hi Nicolas / Thelji,

How about styling the checkout page? cannot find the right thread !!

Would like to add a background color for title of each field, and a grid (border) for each column. That's it.




Thank you!

Attachments:

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

  • Posts: 82818
  • Thank you received: 13360
  • MODERATOR
12 years 5 months ago #53872

You can add CSS for that in the front end CSS file of hikaShop via the Display tab of the configuration. For example, you can add that:

.hikashop_checkout_cart thead {
background-color: #CCC;
}
.hikashop_checkout_cart tbody {
border: 1px solid black;
}

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

  • Posts: 131
  • Thank you received: 3
12 years 5 months ago #53894

Thank you so much, Nicolas!

I change the background color instead of adding border :D


Cheers!

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

  • Posts: 131
  • Thank you received: 3
11 years 11 months ago #79665

Hello,

Now I am on Joomla 2.5.7, and I need to styling again my checkout page.

This time I need to add border and I use the method as in your replied, but no changes on the table border.

Below old version with border but thought by default(?) :



Now new version, no border. I need to add it:


2) How to remove the 2 forward and backward buttons ?



Thank you very much again!!

Attachments:

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

  • Posts: 26152
  • Thank you received: 4027
  • MODERATOR
11 years 11 months ago #79750

Hi,

You can use the "cell-spacing" style option or you can add some white borders on "td" elements.
Like:

.hikashop_checkout_cart td {
  border: 1px solid white;
}

About your second question, you can change the option "Show shortcuts to other category products" in the HikaShop configuration.

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.

Time to create page: 0.077 seconds
Powered by Kunena Forum