Jump to content


Photo
- - - - -

Custom borders in boxes


  • Please log in to reply
5 replies to this topic

#1 attitude

attitude

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 12 February 2013 - 03:28 PM

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



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 12 February 2013 - 03:34 PM

You can try using this image border generator:

Please Login or Register to see this Hidden Content

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:

Please Login or Register to see this Hidden Content



#3 attitude

attitude

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 12 February 2013 - 03:37 PM

You can try using this image border generator:

Please Login or Register to see this Hidden Content

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:

Please Login or Register to see this Hidden Content

 

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 :/



#4 Rob

Rob

    One Smart Egg

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

Posted 12 February 2013 - 10:17 PM

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

Please Login or Register to see this Hidden Content

, you can test it.   This link will tell you how to add a background image

Please Login or Register to see this Hidden Content

.

 

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



#5 attitude

attitude

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 13 February 2013 - 09:51 AM

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



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16526 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 13 February 2013 - 11:19 AM

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.

 

Please Login or Register to see this Hidden Content