How to Resize and Style Images in Panels

1. Navigate to Your Panel

1. In the back office, go to Panels in the admin menu.

2. Select the panel you want to edit (e.g., Header Logo).

2. Edit the Panel

1. Click Edit Panel.

2. Open the Content section to access your image.

3. Open Image Properties

1. Right-click on the uploaded image.

2. Select Image Properties.

4. Adjust Image Size and Alignment

In the Image Info tab, you can:

• Set the Width and Height of the image.

• Choose the Alignment (Left, Right, or Center).

• Add a Border.

• Adjust Margins (Top, Right, Bottom, Left).

5. Apply Advanced CSS Styling (Optional)

1. Go to the Advanced tab.

2. Use the Style textbox to add custom CSS, such as:

• width / height

• min-width / max-width

• min-height / max-height

• padding

• margin-top / margin-right / margin-bottom / margin-left

These steps give you full control over the image’s appearance, ensuring it fits your design perfectly.