Jump to content
Sign in to follow this  
danielfinn

Modifying content width

Recommended Posts

danielfinn

I would like to modify the following aspects of my site, however, I am not sure how to do so... The distance between the text in the footer and the main contents. Refering to the example, the distance between the headings: Logo, Page and Extra info and the shadowed page content. The distance between the top of the page shadowed content and the outer margin. Round the corners of the shadowed content box.

Share this post


Link to post
Share on other sites
batman
You can try add in PageLines > Site Options > Custom Code > CSS Rules For distance footer [code].pprow {margin-top:30px}[/code] For distance on top [code]body { padding-top:30px;}[/code] For distance logo [code].fixed_width #branding .content-pad{ padding-bottom: 50px; }[/code] Change ...px as you like You can use Firebug to inspect each element and make changes in your CSS. ;)

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
batman
For round the corners of the shadowed content box. @ WebWerx gave me this link http://www.css3.me/ It was really very usefull to me.

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Jenny
It is advisable to learn how to do this on your own too. :) Check out http://www.pagelines.com/wiki/Custom_CSS

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
danielfinn
Thanks for the help. I have succesfully altered the roundness of the "body #page .page-canvas", however, I am having trouble modifying the top margin on the footer using the following code. [code].pprow {margin-top:30px}[/code] This code alters the top margin of the footer and the top margin of the page content in ratio to each other. For example, within the pagelines template, I have a feature slider above the page content, and every time I enter that code it moves the content text downwards along with the footer.

Share this post


Link to post
Share on other sites
batman
Please try this [code].fcolumns-pad.fix {margin-top:30px}[/code] I??m a newbie try to learn helping, sorry.

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
danielfinn
Thanks! I added this code earlier and it seemed to work. [code]#footer .footcol-pad { padding-top: 20px; }[/code] Is the one you provided more accurate?

Share this post


Link to post
Share on other sites
batman
If your problem is resolved please click "accept" ;)

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
danielfinn
Thanks. I literally resolved it a second or so before I saw your suggestion. I have one more question however. How do I go about modifying the padding between boxes? For example I am using the grid system in pagelines through the following code, and would like to alter the distance between each individual span section. Is this possible? Are the distances between pagelines boxes and pagelines span sections the same thing? i.e. one line of code will make do for both?

[code]
[/code]

Share this post


Link to post
Share on other sites
batman
You can see all you can do in: http://twitter.github.com/bootstrap/scaffolding.html (sure you se that) I believe that you can not modify if you use the grid system. I believe too that it would be better to open a new discussion. ;)

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Danny
Hi Daniel, Do you require further assistance ?

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  

×