Archived

This topic is now archived and is closed to further replies.

  • 0

Add Frames to all Images


Question

Posted · Report post

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!

post-48505-0-23190600-1364667324.png

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

I'm very happy that worked so well! 

Share this post


Link to post
Share on other sites