Jump to content


Photo
- - - - -

Fixed vs Fluid width site variations & styling


Best Answer Rob , 15 June 2013 - 01:11 PM

Hi,

 

In mike.hoffmangraphics.com, try adding this code to Dashboard > PageLines > Site Options > Custom Code:

 
body.fixed_width #footer {
    background: none repeat scroll 0 0 tan;
    margin: 20px auto 0;
}

You can add a drop shadow to that as well, if it's what you're looking for.

 

I'd focus on Responsive, if you want the site to be easily seen on mobile devices. Responsive (fluid) width will have a drop shadow, if it's set correctly in settings at Dashboard > PageLines > Site Options > Color Control > with the Content Shadow option checked.

 

I'd recommend using www.w3schools.com/css

Go to the full post


  • Please log in to reply
7 replies to this topic

#1 sheilahoff

sheilahoff

    Advocate

  • Members

  • 466 posts
  • LocationSeattle
  • Framework Version:DMS
  • Country: Country Flag

Posted 14 June 2013 - 11:56 PM

I've been doing custom designs using another framework and am brand spanking new to PL. Please have patience with me. And of course I'm not a coder which is why I choose frameworks.

 

Dev sites at

Please Login or Register to see this Hidden Content

and

Please Login or Register to see this Hidden Content

. I'm testing different nav bars and footer approaches between them.

 

I'm trying to figure out how best to achive the look I want: to have a drop shadow  around the main body of the site, no space at the top and a solid block at the bottom that is the same width as the body.

 

I've tried two approaches and both only accomplish half of what I want....

Fixed width: I can't get rid of the space at the top and I don't know how to make an area solid colored with the footer info on it.

Fluid width: the top is now nicely flush but I lose the shadow. I have a nice full-width solid colored footer and have created custom text for it. I'd like that to be just like that but the width of the site.

I think I figured out that I can leave the site "fixed width" and use the full width sidebar under the morefooter sidebar for my footer. I just have to figure out how to get the background to be a solid color and the type on it to be white.

 

This may just be some CSS but I'm wondering if I'm missing a more obvious way to approach this.

 

Thanks for your patience with the newbie.

 

i'm struggling with CSS in general but will make a different post about it.

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 15 June 2013 - 01:11 PM   Best Answer

Hi,

 

In mike.hoffmangraphics.com, try adding this code to Dashboard > PageLines > Site Options > Custom Code:

Please Login or Register to see this Hidden Content

You can add a drop shadow to that as well, if it's what you're looking for.

 

I'd focus on Responsive, if you want the site to be easily seen on mobile devices. Responsive (fluid) width will have a drop shadow, if it's set correctly in settings at Dashboard > PageLines > Site Options > Color Control > with the Content Shadow option checked.

 

I'd recommend using

Please Login or Register to see this Hidden Content



#3 sheilahoff

sheilahoff

    Advocate

  • Members

  • 466 posts
  • LocationSeattle
  • Framework Version:DMS
  • Country: Country Flag

Posted 15 June 2013 - 01:36 PM

Thanks so much Rob. I'll give that a try. I agree about focusing on responsive. I'm going to post another question about navbars in that regard but I'll keep that separate. I'm assuming on the forum it's best to have one topice per post, right?!



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 15 June 2013 - 02:06 PM

Yes, one topic per post is good, but if they're related, you can merge them, like the color of the navbar, and aligning it can be in one topic without question.  But the navbar and feature slider in one topic might get confusing.



#5 sheilahoff

sheilahoff

    Advocate

  • Members

  • 466 posts
  • LocationSeattle
  • Framework Version:DMS
  • Country: Country Flag

Posted 15 June 2013 - 02:13 PM

Thanks again Rob. That code did the trick for the footer. I want to have options to show the client. I can see if I want to stay with PL I'm going to have to get better with coding.



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 15 June 2013 - 02:23 PM

Sheila,

 

You're mentioning the client.  Do you have a Developer license, or will your client purchase their own license?



#7 sheilahoff

sheilahoff

    Advocate

  • Members

  • 466 posts
  • LocationSeattle
  • Framework Version:DMS
  • Country: Country Flag

Posted 15 June 2013 - 02:35 PM

Yes, of course I have a dev license! :-)



#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 15 June 2013 - 02:37 PM

Excellent!