Archived

This topic is now archived and is closed to further replies.

  • 0

Fixed vs Fluid width site variations & styling

Question

Posted · Report post

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 http://www.mike.hoffmangraphics.com and http://www.solsara.hoffmangraphics.com. 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.

 

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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?!

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

Sheila,

 

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

Excellent!

Share this post


Link to post
Share on other sites