Jump to content


Photo
- - - - -

Column main padding


  • Please log in to reply
1 reply to this topic

#1 steck1983

steck1983

    Member

  • Members
  • 27 posts
  • Framework Version:2.02
  • Country: Country Flag

Posted 04 March 2013 - 12:46 AM

Hi,

 

I need to get rid of the padding on the left and side of the main column in the content area. Code excerpt is below.

 



                                <div id="

Please Login or Register to see this Hidden Content

" class="

Please Login or Register to see this Hidden Content

">
                    <div class="

Please Login or Register to see this Hidden Content

" >

                        

<!-- PostLoop | Section Template -->
<section id="

Please Login or Register to see this Hidden Content

" class="

Please Login or Register to see this Hidden Content

">
<div class="

Please Login or Register to see this Hidden Content

">
<article class="

Please Login or Register to see this Hidden Content

" id="

Please Login or Register to see this Hidden Content

">
<div class="

Please Login or Register to see this Hidden Content

">
<section class="

Please Login or Register to see this Hidden Content

">
<section class="

Please Login or Register to see this Hidden Content

" >
<section class="

Please Login or Register to see this Hidden Content

">
<hgroup class="

Please Login or Register to see this Hidden Content

">
<h1 class="

Please Login or Register to see this Hidden Content

">
Contact</h1>
</hgroup></section> </section></section><div class="

Please Login or Register to see this Hidden Content

">
<div class="

Please Login or Register to see this Hidden Content

">
<p>contact us <a class="

Please Login or Register to see this Hidden Content

" href="

Please Login or Register to see this Hidden Content

">
<span class="

Please Login or Register to see this Hidden Content

">
(<em>edit</em>)</span></a> </p>
</div></div></div></article><div class="

Please Login or Register to see this Hidden Content

">
</div></div></section>                    </div>
                </div>

 

Ive used for the following so far, but I still end up with padding on the left and right side of the post loop div.

 

#column-wrap{
    background-color:#111111;
    margin-left:345px;
    width:960px !important;
}

#column-wrap .fix, #column-main{
    margin:0;
    padding:0;
}

#postloop .copy-pad,#postloop .copy-pad .hentry-pad, #postloop .copy-pad .fpost, #postloop .section-postloop{
    margin:0;
    padding:0;
    border:1px solid #FFFFFF;
}
 

There seems to be alot of divs and classes in this area? Why is this so messy?

 

Cheers.



#2 Danny

Danny

    Is Awesome!

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

Posted 04 March 2013 - 06:36 AM

Hi,

 

 

I recommend using Firebug or your browsers built-in web dev tools and inspect the mcolumn element to find the correct code.

 

For assistance visit our custom CSS documentation - 

Please Login or Register to see this Hidden Content

 

You will probably need to use this:

 

Please Login or Register to see this Hidden Content

 

Also not sure what you're referring to when you say "There seems to be a lot divs", there are divs because it requires them.