How to center the checkout button inside the cart module

Start
Prev
1
Next
End

showroomjena
Topic Author
Offline

Posts: 2
Thank you received: 0

3 years 11 months 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.

nicolas
Away

Posts: 81504
Thank you received: 13063
MODERATOR

3 years 11 months 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.

Start
Prev
1
Next
End

Time to create page: 0.062 seconds