Jump to content
Sign in to follow this  
imagineutopia

client having me tighten the margins all over the site: how to be elegant?

Recommended Posts

imagineutopia    6
imagineutopia

hi.  my client is having me pull in a lot of the margins and stuff between the menus and headers on the home page.

 

I've got the homepage looking pretty good but it seems like a bit of a house of cards to me.

 

 

my css is ugly, I've been pasting in the full path of each area I needed to tuck in. but, its awful tenious. if the margins of the site are changed again, everything css wise I'd done goes out the window and things are as they were.

 

so, I got the home page looking alright, but the interior pages don't reflect the changes.

 

am I going about this right? is this going to be a giant pain in the ass? Can I make big site wide changes without getting into a tweaking pit?

 

here's my sample css code I'm using to fix margins around menus and such.

 

/* Site Margins */
html body.home div#site.one-sidebar-right div#page.thepage div.page-canvas header#header.container-group div.outline section#branding.container div.texture div.content div.content-pad{padding:0px;margin:0px;}

 

I've attached screen caps of the home where its looking good and the interior where its spaced bad.

 

thanks,

 

post-47601-0-06529900-1369246096_thumb.j

post-47601-0-29324600-1369246103_thumb.j

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi.  Is the site live? May I have a link?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

The CSS you've written is probably not correct. Since we compile CSS, it doesn't matter how many snippets you add to Dashboard > PageLines > Site Options > Custom Code.  The compiling and LESS processes will shorten it in the database, minimizing it's affect on load time.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
imagineutopia    6
imagineutopia

hi. here's the site.

 

http://healtheforlifekansascity.com/dev

 

I'm up for buying a plugin if I need to make this process go better. I haven't looked into much of the LESS stuff yet, but  I see it all the time in the store.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi, you have some incorrect CSS..

 

.section-hero-nav .hero-nav {
    top-40px;
}

 

Should be:

 

.section-hero-nav .hero-nav {
    margin-top-10px;
}

 

Don't worry about LESS as the compiling process will reduce the load.

 

You have some CSS errors relating to margins in several places.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

I also noticed that your code could do well with a validation.

 

I recommend copying your custom CSS and pasting it into the By direct input tab here:

 

http://jigsaw.w3.org/css-validator/


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
imagineutopia    6
imagineutopia

alright, I've cleaned that up. home page still looks good. interior page is still set how it is.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

If you've added all of your css using the full path when making the changes then looking at the code you first pasted it was done all using the home page, as it has the class .home in it. This full path css is so specific it will make the changes only on the home page etc. You'll need to bring the css in so it begins with the sections name/id like it Rob's example. Otherwise all changes will only show on the home page if the .home class is in the css.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

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  

×