How to center the checkout button inside the cart module

  • Posts: 2
  • Thank you received: 0
  • Hikashop Essential
2 months 3 weeks ago #318862

-- HikaShop version -- : 4.3.0
-- Joomla version -- : 3.9.18
-- PHP version -- : 7.2.30
-- Browser(s) name and version -- : Microsoft Edge 44.18362

Hello,
i'd like to center the proceed to checkout button on the mini cart module in my sidebar.
since the button is inside an <a>-element I can not work with the module class suffix for the cart module as this is a <div>-element…at least i dont know how to style an <a>-element inside a <div>-element with the approach of using the class suffix.

it is possible though to specify a

margin-left
for the
.hikabtn, .hika_j2 .btn{}
but this is not professional and only works for my screen-resolution.

any ideas?

Attachments:

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

  • Posts: 70149
  • Thank you received: 10504
  • MODERATOR
2 months 3 weeks ago #318898

Hi,

You can use such CSS code:

div.hikashop_cart {
    text-align: center;
}
table.hikashop_cart {
    text-align: left;
}
The first CSS targets the whole div of the cart module, and the second one revert the change for the table element displaying the products so that only the button is affected.

The following user(s) said Thank You: showroomjena

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

Time to create page: 0.060 seconds
Powered by Kunena Forum