Transparent widgets /side bars with no border /title

[Rach]

Apologies if this has been covered in any depth anywhere else that I have missed . I've trawled the forum and got various answers but nothing seems to work.

Relative newbie to WP /CSS/ PHP and just finding my feet. Love suffusion and have found I can manage to do most things through the theme options and the custom include function but one thing is leaving me totally stumped .

I am trying to have a transparent background on my widgets / sidebar with no border or widget titles (and the thin hairlines that surround the widget titles ) but with no luck .

I am currently using dark and purple skin , I tried to use Photonique skin which leave my widget background transparent bu then change all my post titles etc to blue text which is not what I need .

Would be grateful if anyone can help

Rach

[Colin]

Give us a url and then we can see and give you the proper code to add to your custom styles. (Forum rule #6 above BTW).

[Rach]

Sorry all new to this lark , my test URL is www.keighleyrlheritage.com/cats

[Colin]

Add this to Suffusion Options > Back-end> Custom Includes > Custom Styles

Code: Select all

#sidebar.right, #sidebar-b.right, #sidebar-2.right, #sidebar-2-b.right, #wsidebar-top.right, #wsidebar-bottom.right {background: none repeat scroll 0 0 transparent;}
.suf-flat-widget h3 {border: none;}
 

That should do what you want. Any problems come back.

[Rach]

Worked a treat many thanks .

I still have a thin hairline black border round the side bars but i can live with that . Also anyone any idea how to lessen the gap between widgets ?

[Colin]

Get rid of the thin border with

Code: Select all

#sidebar.right, #sidebar-b.right, #sidebar-2.right, #sidebar-2-b.right, #wsidebar-top.right, #wsidebar-bottom.right {border:none;}


Try this for the closing the widget gaps down

Code: Select all

.suf-flat-widget h3 {display:none;}


[Rach]

Cheers Colin works an absolute treat ,many thanks for your help !

[quesopa]

Hi there,
first of all thanks a lot for this great theme. Gives a newby like me the chance to do awesome things.
I have a few problems figuring out how to customize my page. Even though while going through the forum I have seen a lot of posts/ answers that seemed to answer my questions I still couldn´t figure how to solve my issues:

http://www.quesopa.org/

I am working with just one sidebar and the featured content in the widget area below the header. In addition I have a featured content widget in the sidebar1.
Here it comes:

1. I would like to get rid (or reduce them to 1px) of all the spaces between
a) the main content area and the sidebar1 and sidebar 1 bottom
b) sidebar 1 and sidebar 1 bottom (i´d like it to be one block)
c) footer and main content area
d) widget area below header and sidebar

2. I have no idea how to customize the custom menu (a widget with my static pages) in the sidebar 1. I managed to change the bacground color and as well font and font hover color. But how do I get rid of the quotation marks, enlarge the font at least 2 points, maybe center the text in the sidebar and finally have the same font (Ubuntu) and hover effect as in the nav-bar below the header?

3. I´d like to move the calendar on my 'home' (which is actually the calendar-page) further up to be as close as even possible to the widget area below header (maybe a space of 5px between them)!?

4. I´d like to put a home icon in the nav-bar below header (at least I know how to do that! , but it doesn´t have the same hover effect as the rest of the nav-bar. is there any css-code to do that?

I am very sorry for the amount of questions, but I thought rather posting it all at once. If its too much, I would just be grateful for help on any of this points.
Thanks a lot!!!

[aretzer]

The transparent widget background code is not working for me... my site is http://mykidlist.com and I put all my widgets in the Sidebar 1 (listed as the default sidebar). I added the first code listed above in the custom styles form of the template. I know this was an old thread, so maybe there is something different that I should do now?

[drake]

The above codes set transparent background for sidebar itself (you can see the wrapper background between widgets, so the code works). You wish to make transparent the background of widgets. For that add at Custom Styles:

Code: Select all

div.suf-widget {background:none;border:none;}