Jump to content
Sign in to follow this  
CNVI

Adding Padding To Pages

Recommended Posts

CNVI    1
CNVI

Sorry if this is something already mentioned here.. I searched and could not find the answer.

In this screenshot: http://linksmanager.com/images/padding.jpg

you will see I inserted a pink line showing where we need to have padding between the text and the box. Padding appears to be showing vertically but not horizontally. Do I have to edit this directly in the CSS or is there a control for this in Pagelines somewhere? if I do have to edit it in the CSS how do I determine which CSS style name to edit? thanks in advance.

Share this post


Link to post
Share on other sites
catrina    103
catrina

You can edit the CSS by overwriting in Custom Code > Custom CSS. You just need to add the CSS there and it'll overwrite the default CSS.

To determine the CSS to edit, please see this documentation: http://www.pagelines.com/wiki/Custom_CSS

Also, please refer to this on padding: http://www.w3schools.com/css/css_padding.asp


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
batman    389
batman

Hi cnvi

You can try add in

PageLines > Site Options > Custom Code > CSS Rules

or in

Pagelines Customize (plugin)

a CSS rules to modify de paddig

It is advisable to learn how to do this on your own too.

Check out http://www.pagelines.com/wiki/Custom_CSS

Please see the video.

If you need more CSS help, make sure you've downloaded Firebug for Firefox

and check out W3 Schools for more info.

http://www.w3schools.com/


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
CNVI    1
CNVI

Thank you so much for the fast replies which is very much appreciated. I installed firebug and yeah thats cool for showing me what element of text I selected and what CSS its related to but I am wanting to define padding in a division or a cell or whatever it is that pagelines is creating to form that box around the text. I wish this padding element was in the pagelines draganddrop area where cell elements are defined that seems like where the setting should be.

Pagelines is very clever and once I get past the learning curve I am sure I wont be as whiny but its times like this that I really miss Microsoft's FrontPage!

If anyone has any other suggestions I would be open to them. I am surprised something as simple as this is so difficult to figure out.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Cnvi, yeah I'm afraid Css is the standard option for editing the padding/margins on various sections and content. Add options like that is something that could come in future editions, but unfortunately there's nothing built in which could handle that at this point in time.

So if your editing padding in a section/container etc, an example of what to place inside the css rules box would be something like

#foo {padding:5px;}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
CNVI    1
CNVI

Thanks James. I know what to place to get the padding such as the example you showed me above. But I dont know where to place it. I have yet to figure out where in pagelines the CSS element is defined for the cells established in pagelines >> drag and drop. And firebug has not been any help.

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  

×