How do I remove widget borders?!

General questions pertaining to how certain issues can be resolved
Forum rules
1. No offensive language and no mocking
2. Please do a thorough search before you post something. Trust us, there is a high probability that the question you are asking has been asked previously.
3. No soliciting. You cannot post here soliciting bids for people offer you quotes, or even offer money to people for some work. You will be moderated if you do so. If you are looking for help, please post your request on http://jobs.wordpress.net or http://codepoet.com
4. Please be reasonable. You are getting software and support. For free. Complicated requests from a general purpose theme are not welcome and some volunteers might lose patience with you.
5. Please do your due diligence. If you posted a query and we answered with a link, take the trouble to go through the link contents.
6. Please post with complete information. Requests for help MUST be accompanied with your URL, particularly if you are asking something like "Why am I seeing a blank space?"

How do I remove widget borders?!

Postby mcddrums » 30 Jul 2012, 01:05

Hiya,

I want to remove any widget borders that I have, so that the overall page seems like one unit (as opposed to a main widget area, sidebar widget area etc).

How on earth can I do this?

Thanks

M
mcddrums
 
Posts: 15
Joined: 01 May 2012, 14:06

Re: How do I remove widget borders?!

Postby Colin » 30 Jul 2012, 01:40

With custom CSS setting the border to none on the individual elements.
Colin
 
Posts: 2786
Joined: 27 Oct 2009, 10:46

Re: How do I remove widget borders?!

Postby mcddrums » 30 Jul 2012, 01:50

Thanks Colin. Sorry to be a retard, but could you explain that in simple mans terms please?!

Thanks :D
mcddrums
 
Posts: 15
Joined: 01 May 2012, 14:06

Re: How do I remove widget borders?!

Postby Colin » 30 Jul 2012, 04:01

If you post your URL (Forum rule #6) then yes probably.
Colin
 
Posts: 2786
Joined: 27 Oct 2009, 10:46

Re: How do I remove widget borders?!

Postby mcddrums » 30 Jul 2012, 04:07

Ahhh sorry, it's www.berkshireweddingband.co.uk and I'd also like to do so on www.surreyweddingband.co.uk

Thanks

M
mcddrums
 
Posts: 15
Joined: 01 May 2012, 14:06

Re: How do I remove widget borders?!

Postby drake » 30 Jul 2012, 05:13

Add at Suffusion Options -> Backend -> Custom Includes -> Custom Styles:
Code: Select all
.suf-widget, div.suf-widget, .cl-widget, .post, .div-page, article.page {border:none;}


I combined all selectors in one definition which will be valable on both sites, even if one is still on old version of theme based on XHTML.
drake
 
Posts: 3771
Joined: 26 Jul 2011, 07:56
Location: Constanta, Romania

Re: How do I remove widget borders?!

Postby mcddrums » 30 Jul 2012, 06:24

Thtat's really helpful. Thanks Drake
mcddrums
 
Posts: 15
Joined: 01 May 2012, 14:06

Re: How do I remove widget borders?!

Postby humperdinkysaurus » 14 Dec 2012, 14:59

Having lost these things after updating I managed to restore transparency to my sidebar widgets but did not have the same success with losing the borders by adding the code drake posted here for mcddrums benefit. (This is because I don't really know what I'm doing.) Could some clever person help please? Here's what I've got in that box:
aside.suf-widget { background-color: transparent } aside.suf-widget, div.suf-widget, .cl-widget, .post, .div-page, article.page {border:none;}
www.playlistasartform.com/
humperdinkysaurus
 
Posts: 10
Joined: 04 Apr 2012, 11:51

Re: How do I remove widget borders?!

Postby drake » 14 Dec 2012, 18:15

The code it works (though I suggest to put each definition on different lines). The only element which still have a border is the wrapper itself. Replace at Custom Styles that long line with:
Code: Select all
aside.suf-widget {background:none;}
#wrapper, aside.suf-widget, .cl-widget, .post, article.page {border:none;}
#nav, #cred {border:none;}


The last line is intended to take off also the lines from top (#nav) and from the bottom (#cred) of pages.
drake
 
Posts: 3771
Joined: 26 Jul 2011, 07:56
Location: Constanta, Romania

Re: How do I remove widget borders?!

Postby humperdinkysaurus » 15 Dec 2012, 01:45

That's perfect, drake. I could not have got there myself so really appreciate your expert help. Just one or two other things to recover now (notably the size of my header, but on a quick look in WP 'Appearance' I get the idea this might be easier than last time). Thanks again! :D
humperdinkysaurus
 
Posts: 10
Joined: 04 Apr 2012, 11:51


Return to Support Requests

Who is online

Users browsing this forum: Google [Bot], hoiplibia, Mustaferret and 10 guests