1 reply to this topic

[steck1983]

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.

[Danny]

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.