Archived

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

  • 0

Custom borders in boxes

Question

Posted · Report post

How can i make my boxes to have a custom border/frame that i draw myself? Like this one :) I guess its css-again and im not sure where to do it. Thanks in advance! Best regards/Jon

 

sketch-border-2.gif

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

You can try using this image border generator: http://border-image.com. It writes the CSS for you and you just have to find the appropriate selector for whatever box you want to add the borders to. For further insight on how to find the CSS selector, please see: http://support.pagelines.me/docs/customization/custom-css/

 

Could you please show me where to put it and how i do it? I understand how to generate the code but not sure how i create a background for it even though im in the css- document.

 

I think its in the block box media-pad or fboxinfo-fix.. But it stops there :/

Share this post


Link to post
Share on other sites

Posted · Report post

Once you have your code, drop it in Dashboard > PageLines > Site Options > Custom Code in the CSS Rules area anyplace under body {}.

 

You'll want to create the images using a graphics editor such as Photoshop.

 

If you use Firebug for Firefox, you can test it.   This link will tell you how to add a background image http://www.w3schools.com/css/css_background.asp.

 

The link Catrina provided to a generator will help you to craft the CSS.

Share this post


Link to post
Share on other sites

Posted · Report post

Could you please help me specify what i should add to change the box background? I understand the other stuff now :) 

Share this post


Link to post
Share on other sites

Posted · Report post

If you wish to add a background to a box, you will need to inspect the box using either Firebug or your browsers built-in web dev tools. Then inspect your box, from here you can find the right selector to add your background.

Like above me, I recommend you visit and read our custom CSS documentation, this will assist you. However, if you are still unsure or not comfortable with custom CSS, you can contact one of our Pros, who will be happy to help.

 

http://www.pagelines.com/pros/

Share this post


Link to post
Share on other sites