css help please

[detoner]

Hi
Trying to take out borders on the wrapper
http://www.gtolondon-mens-gifts.co.uk/
we already put in the custom includes
#wrapper.shadow {
/* Shadows - CSS3 for browsers that support it */
box-shadow: 0px 0px 0px #888;
-webkit-box-shadow: 0px 0px 0px #888;
}
#wrapper {margin: 0px auto auto auto !important;}

do you know how to take this white margin off? We just upgraded to the new template
Thanks in advance

[Colin]

Try

Code: Select all

#wrapper {border:none; padding 0;}


[detoner]

many thanks eventually go it fixed using !important;

Now I have a margin at the top and bottom of the page - any more ideas how to get rid of that
have tried
#content {
clear: both;
overflow: hidden;
margin-top: 0px !important;
margin-bottom:0px !important;
}
.post, div.page {
background: #FFF;
padding: 0px 0px 0px 0px !important;
clear: both;
overflow: hidden;
}
.first-para {
padding:0p !important;
margin:0px !important;
}
.post, article.page {
border: 0px solid #c0c0c0;
background: #FFF;
padding: 0px 0px 0px 0px !important;
clear: both;
overflow: hidden;
margin: 0px !important;
}
is it something to do with the images?

[drake]

Try:

Code: Select all

.entry {padding-top:0;padding-bottom:0;margin-bottom:0;}

[detoner]

many thanks that worked

Can you please provide further help to take out the spaces in the suf-tiles
http://www.gtolondon-mens-gifts.co.uk/? ... rchsubmit=

I have so far
.suf-mag-excerpts {
width: 100%;
padding: 0;
margin: 0px !important;
display: inline-block;
}
.suf-tiles {
width: 100%;
border-collapse:collapse !important;
cellpadding:0px;
cellspacing:0px;
align:center;
}
.suf-mag-category,
.suf-mag-excerpt,
.suf-tile {
padding: 0px 0;
font-size: 108%;
line-height: 20px;
text-align: center;
margin:0;
cellpadding:0px;
cellspacing:0px;
/*margin: 3px;*/
border-collapse:collapse;
vertical-align: top;
border:none;
background-color: #ffffff;
position: relative;
display: inline-block;

/*float: left;*/
width: 100%;
margin-top: 5px;
}

and I am still trying to get rid of the gap in the footer - the image gold bar - I have so far
#page-footer table {
border: none;
padding: 0;
margin-top: 0px !important;
width: 100%;
padding-top:0px !important;
border-collapse:collapse;
cellspacing:0px;
cellpadding:0px;
}
any ideas on that or how an image border might be better inserted? Currently have it in the site-footer.php file as a table
Many Thanks for you all your assistance

[Colin]

try this

Code: Select all

#page-footer #cred {margin-top: -10px;}


[detoner]

great thanks your suggestion worked!
Do you know how to take out the margins in the suf-tiles ?- the details are posted above
Thanks again

[Colin]

You do need to get to grips with Firebug

Code: Select all

.suf-mag-excerpt-text, .suf-tile-text {margin: 12px 8px;}


The above is what you have currently so adjust to suit at the moment you have 12px top and bottom and 8px left and right.

[detoner]

Thanks Colin
I do use Firebug - but its not always clear how to fix it!

What you posted didn't take out the gaps between the tile layout - we don't want the cream spacing between tiles
http://www.gtolondon-mens-gifts.co.uk/? ... rchsubmit=

I have so far in custom includes
.suf-tiles {
width: 100%;
border-collapse:collapse !important;;
cellpadding:0px;
cellspacing:0px;
align:center;
border:0px!important;;
}
.suf-mag-category,
.suf-mag-excerpt,
.suf-tile {
padding: 0px !important;
font-size: 108%;
line-height: 20px;
text-align: center;
margin:0px !important;;
cellpadding:0px;
cellspacing:0px;
/*margin: 3px;*/
border-collapse:collapse !important;;
vertical-align: top;
background-color: #ffffff;
position: relative;
display: inline-block;
border:0px;
/*float: left;*/
width: 100%;
margin-top: 5px;
}

[Colin]

Personally I think it looks horrible and looks better how it is now BUT

Code: Select all

.suf-mag-category, .suf-mag-excerpt, .suf-tile { width: 105%;}


will do it.