How to center the checkout button inside the cart module

showroomjena
Topic Author
Offline

6 years 4 months ago #318862 by showroomjena

How to center the checkout button inside the cart module was created by showroomjena

-- 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

Code:

margin-left

for the

Code:

.hikabtn, .hika_j2 .btn{}

but this is not professional and only works for my screen-resolution.

any ideas?

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

nicolas
Offline

6 years 4 months ago #318898 by nicolas

Replied by nicolas on topic How to center the checkout button inside the cart module

Hi,

You can use such CSS code:

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.184 seconds