[Skip to main content](#vessel-content)

#   Change backgroung color on Shipping option &amp; add instruction to shipping page

##

- **[DACOG](/forum/user/45803-dacog "View DACOG's Profile")**
- [![DACOG's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/45803-dacog "View DACOG's Profile") Topic Author
- [ Offline](/forum/user/45803-dacog)

Less More

- Posts: 20
- Thank you received: 0
-
-

9 years 8 months ago [\#261487](#261487) by [DACOG](/forum/user/45803-dacog "View DACOG's Profile")  *[Change backgroung color on Shipping option &amp; add instruction to shipping page](/forum/28-shipping-methods/888686-change-backgroung-color-on-shipping-option-add-instruction-to-shipping-page#261487 "-- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.6.5 -- PHP version -- : 5.x -- Browser(s) name and version -- : Firefox -- Error-message(debug-mod must be tuned on) -- : CSS Customisation  Buyers get confused on getting to the shipping window on checkout process. First there is no clear instruction on what to do and there seem to be no where to add that instruction in a colorful non-stress way. Second, the background on the shipping button on row1 is almost the same like the color of the entire row making the button non-conspicuous for users.  Requests:  &#42; You must select a shipping method to continue&quot; how and where can i add this instruction in bold and colored format ?  &#42; How can i change the background color of the&quot;rest&quot; state on the Shipping buttons to #46ff50; ?  see image Thanks in anticipation...")* was created by *[DACOG](/forum/user/45803-dacog "View DACOG's Profile")*

-- HikaShop version -- : 2.6.4
-- Joomla version -- : 3.6.5
-- PHP version -- : 5.x
-- Browser(s) name and version -- : Firefox
-- Error-message(debug-mod must be tuned on) -- : CSS Customisation

Buyers get confused on getting to the shipping window on checkout process.
First there is no clear instruction on what to do and there seem to be no where to add that instruction in a colorful non-stress way.
Second, the background on the shipping button on row1 is almost the same like the color of the entire row making the button non-conspicuous for users.

Requests:

- You must select a shipping method to continue" how and where can i add this instruction in bold and colored format ?
- How can i change the background color of the"rest" state on the Shipping buttons to #46ff50; ?

see image
Thanks in anticipation...

- [ ![shippingwindow-CSSandInstruction.jpg](/forum/attachment/36129) ](/forum/attachment/36129 "...nstruction.jpg") [ ](/forum/attachment/36129?download=1 "...nstruction.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI4LXNoaXBwaW5nLW1ldGhvZHMvODg4Njg2LWNoYW5nZS1iYWNrZ3JvdW5nLWNvbG9yLW9uLXNoaXBwaW5nLW9wdGlvbi1hZGQtaW5zdHJ1Y3Rpb24tdG8tc2hpcHBpbmctcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

9 years 8 months ago [\#261499](#261499) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Change backgroung color on Shipping option &amp; add instruction to shipping page](/forum/28-shipping-methods/888686-change-backgroung-color-on-shipping-option-add-instruction-to-shipping-page#261499 "-- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.6.5 -- PHP version -- : 5.x -- Browser(s) name and version -- : Firefox -- Error-message(debug-mod must be tuned on) -- : CSS Customisation  Buyers get confused on getting to the shipping window on checkout process. First there is no clear instruction on what to do and there seem to be no where to add that instruction in a colorful non-stress way. Second, the background on the shipping button on row1 is almost the same like the color of the entire row making the button non-conspicuous for users.  Requests:  &#42; You must select a shipping method to continue&quot; how and where can i add this instruction in bold and colored format ?  &#42; How can i change the background color of the&quot;rest&quot; state on the Shipping buttons to #46ff50; ?  see image Thanks in anticipation...")*

Hi,

Here the documentation about HikaShop display customization.
You will find a section about the CSS and another about the views.
[ www.hikashop.com/support/documentation/1...ize-the-display.html](https://www.hikashop.com/support/documentation/153-customize-the-display.html)

In your case, you want to customize the view of the checkout ; so you will be able to add some text and change how the display of the table is made.

Regards,

---

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

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI4LXNoaXBwaW5nLW1ldGhvZHMvODg4Njg2LWNoYW5nZS1iYWNrZ3JvdW5nLWNvbG9yLW9uLXNoaXBwaW5nLW9wdGlvbi1hZGQtaW5zdHJ1Y3Rpb24tdG8tc2hpcHBpbmctcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.122 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
