Jump to content
antonella

how to change page margins?

Recommended Posts

antonella    1
antonella

Hello,

 

I'm sure this is an easy thing to do, but I just can't find it in the pageline settings nor in the CSS. How do I change the margins from the defaults established in pagelines? I want to make my left margin about 30px. I've tried to resize them via the layout editor, but this doesn't seem to do the trick.

 

I have a feeling that it's done via the layout editor by setting the global page width and then adjusting the content and sidebar areas to force the margins. However, I can't enter values into the boxes themselves - they are grayed out. I can only resize to make the width numbers change. (see screenshot)

 

The site is here.

 

Thanks.

 

(Side note: it would be great if margins could be added as an option to insert in the pageline configurations.)

post-13373-0-52966900-1359561422_thumb.j

Share this post


Link to post
Share on other sites
catrina    103
catrina

The margins may need to be adjusted with custom CSS if you want an exact pixel width. Please see this for further instructions: 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
antonella    1
antonella

I had tried to do it with CSS, but even with Firebug, I can't find the existing html or css to mark up. I'm not sure what classes and ids I have to change. Any direction would be appreciated. On a regular html doc I can do it fine, but I have found it difficult to make such css changes in framework themes.

 

Thanks,

Antonella

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi Antonella, Margins are usually outside the container and padding is inside the container, so I assume you mean padding. When I view your site, I noticed that you have set the content-pad to 40px already. So is this issue resolved, if not can you provide an image showing us how you would like your site to look please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
antonella    1
antonella

lol - I just figured it out a minute ago!

 

I found that by modifying the following, I can change the page margins on the whole site:

 

.content .content-pad {
    padding: 40px;
}

Since this affects the content-pads of all sections, I went and added CSS for other settings, such as the following:

 

#sb_fullwidth .content .content-pad {
    padding: 0px 40px 40px 40px; 
}    

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Awesome, nice job!


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


×