cannot make boxes transparent / uneven spaces

[trillian]

I just need to resolve two things;

1. I have tried everything I can find but cannot change the content boxes from white background to transparent, I have checked everything I can think of and most twice and they're still white.

2. There is an uneven vertical space between the 3rd and 4th column in this magazine template page and nothing I do fixes it. I tried all sorts of page widths, fixed, fixed and determined by elements, etc. and no matter what size the page that space is always uneven.

Otherwise I'm lovin it!

My site so far is; http://credence.org/new1/ (ignore the background image it's just to have something to play with for now)

[drake]

1. Add at Suffusion Options -> Backend -> Custom Includes -> Custom Styles:

Code: Select all

.suf-mag-category, .suf-mag-excerpt, .suf-tile {background:none;border:none;}

2. You need to wait for 4.2 version which is in beta testing now. (Anyway without boxes the misalignment is not so visibile)

[trillian]

Thanks Drake, That works! Now I just need to get the box that the slider is in to go transparent and the box with the headline above the excerpts. The sidebar I'll probably do another colour to separate it from the background and the other boxes.

(the slider is placed as text in a widget in 'widget area below header', I can only see how to have it either black or white)

[drake]

Continue to add at Custom Styles:

Code: Select all

#horizontal-outer-widgets-1, .suf-mag-excerpts-header {background:none;border:none;}

[trillian]

OK, that handles the widget area for the slider and the excerpts title but now it has made the footer trasparent as well, which I'd rather keep a solid colour

Thanks again for all your help!

[Colin]

Just set a background for

Code: Select all

 #page-footer #cred {background-color: #000000;}


Change the colour value to suit.

[trillian]

Thanks Colin, That works! I had tried a few times based on the format of the other codes but I didn't know the exact syntax to use.

[Colin]

No problem you probably want to add border:none too.