Center text and change color in checkout page

  • Posts: 11
  • Thank you received: 0
8 years 8 months ago #232002

-- url of the page with the problem -- : polinogioielli.it/area-riservata/checkout/
-- HikaShop version -- : Last
-- Joomla version -- : Last
-- PHP version -- : Last
-- Browser(s) name and version -- : Mozilla

Hi,

I want to align the texts of the checkout table, and change the text color . I enclose one screeshot as an example.
i wish that you understund the screenshot. :lol:

Thanks in advance greetings .

Attachments:
Last edit: 8 years 7 months ago by Marco-s117.

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

  • Posts: 4753
  • Thank you received: 644
  • MODERATOR
8 years 8 months ago #232008

hello,

follow this link , you will find a tutorial that explain how reach your Css file and create a custom Css.

Once, you have understand where you can add your Css code, use this kind of code.

A little advice, put your custom code at the end of your frontend_custom.css, that will be more easy later to find and maybe correct it

For your align the text and your text color :

th#hikashop_cart_product_total_title,
th#hikashop_cart_product_quantity_title,
th#hikashop_cart_product_price_title,
th#hikashop_cart_product_name_title,
th#hikashop_cart_product_image_title
{
text-align: center;
color: red;
}

your selector : th#hikashop_name
your css order: criteria
Css value: position, color etc...

Hope this will help you.

Regards,

Last edit: 8 years 8 months ago by Philip.

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

  • Posts: 11
  • Thank you received: 0
8 years 8 months ago #232107

Hi Philip,

i have done thanks you ;) but i can't center the quantity, refresh and cancel field of the products.
:huh:
You can see in the screenshot.

Thanks again.

Attachments:

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

  • Posts: 4753
  • Thank you received: 644
  • MODERATOR
8 years 8 months ago #232110

Hello,

Try to add this :

td.hikashop_cart_product_quantity_value {
text-align: center;
}

Regards,

Last edit: 8 years 8 months ago by Philip.

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

  • Posts: 11
  • Thank you received: 0
8 years 8 months ago #232200

Hi Philip,

i try to use your code but not work. Have another code? I tried everything.

Thanks a lot.

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
8 years 8 months ago #232213

This code works, but your template overrides it.
Try like that:
td.hikashop_cart_product_quantity_value {
text-align: center !important;
}

Please note that customization of the CSS is not part of user support.
We're happy to help a bit but our role isn't to do your custom CSS for you.
Please contact our partners if you need more help on CSS customization:
www.hikashop.com/home/our-partners.html
Also, CSS isn't too complex and can be self taught. This page has some explanation on how to identify the classes and ids to use in your CSS for HikaShop and where you add your CSS, and has links to third party websites teaching CSS code:
www.hikashop.com/support/documentation/1...ize-the-display.html
So I invite you to review it.

The following user(s) said Thank You: Marco-s117

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

Time to create page: 0.071 seconds
Powered by Kunena Forum