Jump to content


Photo
- - - - -

Add Frames to all Images

Images Frames

Best Answer Rob , 30 March 2013 - 06:52 PM

Hi,

 

Using Firebug for Firefox or Chrome's Inspection Tool,  you can find the images in sections you want to target, and create a frame around them with CSS. If you do this for individual sections or areas of the site, like Boxes, you can apply that CSS globally for the entire section.

 

Either tool has a 'sandbox' which allows you to test options.  Once you find the right combination, you can copy, and paste to Dashboard > PageLines > Site Options > Custom Code (or other more specific options) to apply the code.

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 itsjoelcas

itsjoelcas

    Newbie

  • Members
  • 4 posts
  • Country: Country Flag

Posted 30 March 2013 - 06:15 PM

With Boxes I have the option to add frames the the images. How do I add the same frame to ALL images on the website? If I cant, how to I code each individual image to have the same frame?

 

Picture of how the frame looks attached. 

 

Thanks in ADVANCE!

Attached Files



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 30 March 2013 - 06:52 PM   Best Answer

Hi,

 

Using

Please Login or Register to see this Hidden Content

or Chrome's Inspection Tool,  you can find the images in sections you want to target, and create a frame around them with CSS. If you do this for individual sections or areas of the site, like Boxes, you can apply that CSS globally for the entire section.

 

Either tool has a 'sandbox' which allows you to test options.  Once you find the right combination, you can copy, and paste to Dashboard > PageLines > Site Options > Custom Code (or other more specific options) to apply the code.



#3 itsjoelcas

itsjoelcas

    Newbie

  • Members
  • 4 posts
  • Country: Country Flag

Posted 30 March 2013 - 07:26 PM

DID IT!!!

 

On Custom Code type:

 

 

img{
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 4px;
}
 
THANKS


#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 30 March 2013 - 07:38 PM

I'm very happy that worked so well! 







Also tagged with one or more of these keywords: Images, Frames