Jump to content


Photo
- - - - -

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


  • Please log in to reply
7 replies to this topic

#1 imagineutopia

imagineutopia

    Advocate

  • Members

  • 276 posts
  • LocationKansas City
  • Country: Country Flag

Posted 22 May 2013 - 06:08 PM

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,

 

Attached Files

  • Attached File home.jpg   57.83KB  6 downloads
  • Attached File int.jpg   42.95KB  6 downloads


#2 Rob

Rob

    One Smart Egg

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

Posted 22 May 2013 - 06:14 PM

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



#3 Rob

Rob

    One Smart Egg

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

Posted 22 May 2013 - 06:22 PM

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.



#4 imagineutopia

imagineutopia

    Advocate

  • Members

  • 276 posts
  • LocationKansas City
  • Country: Country Flag

Posted 22 May 2013 - 06:41 PM

hi. here's the site.

 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

 

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.



#5 Rob

Rob

    One Smart Egg

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

Posted 22 May 2013 - 06:51 PM

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.



#6 Rob

Rob

    One Smart Egg

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

Posted 22 May 2013 - 06:53 PM

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:

 

Please Login or Register to see this Hidden Content



#7 imagineutopia

imagineutopia

    Advocate

  • Members

  • 276 posts
  • LocationKansas City
  • Country: Country Flag

Posted 22 May 2013 - 07:14 PM

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



#8 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 May 2013 - 08:06 PM

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.