Jump to content
Sign in to follow this  
attitude

Custom borders in boxes

Recommended Posts

attitude    0
attitude

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
catrina    103
catrina

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/


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
attitude    0
attitude

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
attitude    0
attitude

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
Danny    1,327
Danny

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/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×