Jump to content


Photo
- - - - -

Box image size


This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 EvaB

EvaB

    Advanced Member

  • Members
  • 45 posts

Posted 01 October 2012 - 05:06 PM

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

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 01 October 2012 - 05:33 PM

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:

Please Login or Register to see this Hidden Content



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

#3 quinntinm

quinntinm

    Super Member

  • Members
  • 121 posts

Posted 22 October 2012 - 02:26 PM

Can you remove the spaces between the boxes?
And can the boxes be displayed as a grid?

thanks.

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 22 October 2012 - 03:02 PM

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:

Please Login or Register to see this Hidden Content