Jump to content


Photo
- - - - -

Modifying content width


  • Please log in to reply
10 replies to this topic

#1 danielfinn

danielfinn

    Advanced Member

  • Members
  • 92 posts

Posted 10 July 2012 - 01:22 PM

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.

#2 batman

batman

    Bat Learning

  • Members

  • 2108 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 10 July 2012 - 02:43 PM

You can try add in
PageLines > Site Options > Custom Code > CSS Rules
For distance footer
 .pprow {margin-top:30px}
For distance on top
 body { padding-top:30px;}
For distance logo
 .fixed_width #branding .content-pad{ padding-bottom: 50px; }
Change ...px as you like

You can use Firebug to inspect each element and make changes in your CSS.
;)

#3 batman

batman

    Bat Learning

  • Members

  • 2108 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 10 July 2012 - 03:02 PM

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.

#4 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 10 July 2012 - 04:07 PM

It is advisable to learn how to do this on your own too. :) Check out http://www.pagelines...wiki/Custom_CSS

#5 danielfinn

danielfinn

    Advanced Member

  • Members
  • 92 posts

Posted 10 July 2012 - 04:21 PM

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.

 .pprow {margin-top:30px}

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.

#6 batman

batman

    Bat Learning

  • Members

  • 2108 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 10 July 2012 - 05:09 PM

Please try this
 .fcolumns-pad.fix {margin-top:30px}
I??m a newbie try to learn helping, sorry.

#7 danielfinn

danielfinn

    Advanced Member

  • Members
  • 92 posts

Posted 10 July 2012 - 05:10 PM

Thanks! I added this code earlier and it seemed to work.

 #footer .footcol-pad {
	padding-top: 20px;
	}

Is the one you provided more accurate?

#8 batman

batman

    Bat Learning

  • Members

  • 2108 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 10 July 2012 - 05:20 PM

If your problem is resolved please click "accept" ;)

#9 danielfinn

danielfinn

    Advanced Member

  • Members
  • 92 posts

Posted 10 July 2012 - 11:41 PM

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?

 <div class="row">
	<div class="span4"></div>
	<div class="span8"></div>
	</div>


#10 batman

batman

    Bat Learning

  • Members

  • 2108 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 11 July 2012 - 12:07 AM

You can see all you can do in: http://twitter.githu...caffolding.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. ;)

#11 Danny

Danny

    Is Awesome!

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

Posted 11 July 2012 - 11:24 AM

Hi Daniel, Do you require further assistance ?