# Style a block: spacing, background, border, shadow, animation

Click a block, open the pencil (Edit) icon and choose the **Styles** tab: it groups Typography, Dimensions, Spacing, Background, Border, Shadow, Display, Position and Animation. The device selected in the top bar decides whether your change applies to desktop, tablet or mobile.

## Steps

1. Open **Online Store → Theme Settings** (or a landing page) and click the block. To style a whole container rather than the text inside it, pick the Section or Box from **Design Layers**.
2. Click the pencil icon in the left rail, then the **Styles** tab.
3. Work through the sections you need:
4. For motion, open **Animation**, pick a preset from **Attention Seekers**, **Entrance**, **Exit** or **Special Effects**, then set **Duration (ms)**, **Delay (ms)** and **Loop animation**.
5. Read the "Applied on" notice: with the phone frame selected, styles apply to Mobile (up to 768px); with the tablet frame, to Tablet (up to 991px); otherwise to Desktop. Switch device and repeat where needed.
6. Click **Save**, and make sure the page is **Published**.

## Common problems

- I styled a block on desktop but nothing changed on my phone → styles are saved per screen size; select the phone frame and set them again.
- I want every button or the whole store's colours changed → the Styles tab is per block. Use **Theme Customizer** (swatch icon) for store-wide colours, font and **Radius**.
- My styles vanished after changing the block's design → switching a variant resets styles; set them again.
- One text looks different from the rest of the store → you set a per-block **Font Family** in Typography; remove it to inherit the store font.

## Related
- [Change your store's colours, font and corner radius](https://help.dropify.shop/en/guides/change-store-colors-fonts-and-corner-radius/)
- [Edit the mobile and tablet layout separately](https://help.dropify.shop/en/guides/edit-mobile-and-tablet-layout/)
- [Change the design (variant) of a block](https://help.dropify.shop/en/guides/change-the-design-variant-of-a-block/)
