Box image size

[EvaB 0]

Hi!

I use the Pagelines Framework. I use boxes for extra text and I also have used the option to upload a box image.

I would like to make the images bigger, but so far it didn´t work. The actual image size is ok, and I have used this option

Enter the max image size in pixels (optional)

but it just makes the picture a little bit bigger.

Can anybody tell me how I can change the standard box image size with some custom code css?

Thanks in advance,

Eva

[catrina 103]

You’ll need to use Custom CSS to resize your images (in Site Options > Custom Code > Custom CSS). CSS that changes the style of a page element consists of two parts: the selector and the attribute.

Selector: Used to select the page element you want to change (in this case, the page element you want to change is your box image size).

Attribute: Property that determines what kind of change you want (you’re changing the box image size, so the attribute you want to use is width).

To find the selector for the box image, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please read and follow these instructions: http://www.pagelines.com/wiki/Custom_CSS.

For help with the width attribute, please see these instructions: http://www.w3schools.com/cssref/pr_dim_width.asp

[quinntinm 4]

Can you remove the spaces between the boxes?

And can the boxes be displayed as a grid?

thanks.

[catrina 103]

To remove the spaces, the margins and padding will need adjustment in the CSS. If you really want the grid format, however, I would recommend using the Grid Portfolio section: http://www.pagelines.com/store/sections/grid-portfolio/