The Cart is generated and styled automatically according to the theme of your website, however it is possible to manually modify some settings on Global Styling, giving you full creative control on how the Cart will look like. Find the Global Styling for the Cart on the Global Styling editor, under the Shop Settings on the left side menu.
The General Cart settings are the same that can be found when editing the Cart Module. To learn more about this settings, please click here.
2. Cart Contents
Inside the Cart, it is possible to customize its contents, represented in the image below.
One of the aspects that can be designed is the fonts related to the cart title, product name, quantity and price, subtotal title and price. These design options include font color, size, family, weight, text decoration, line height, uppercase option, alignment and spacing.
Regarding the small divider, it is possible to define its placement, its thickness, color, type and width, and spacing options.
2.3. Background, Border and Spacing
Lastly it is possible to define the general background color and transparency of the cart, along with its border and spacing.
3. Checkout Button
In this section you can style the Checkout button. This includes the text, where the font can be fully customized, the background color and transparency, the border color, width, style and radius, and the spacing, in terms of padding.