Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Sidebar background transparency

Old Oct 24, 2013, 10:56 AM
gr870sfunk's Avatar
110 posts · Mar 2011
Montgomery, AL
WordPress 3.6.1
Atahualpa 3.7.12

This particular site has an entire background image. I would like to have the background of my sidebar be white with 40% opacity, but when I do the following under ATO > Style & Configure Sidebars > RIGHT sidebar style:
HTML Code:
border-left: 2px solid #c7cbce;
padding: 20px 0 20px 0;
margin:10px 0 10px 0;
filter:alpha(opacity=40); /* For IE8 and earlier */
It makes everything in the sidebar transparent. Seeing that, I tried adding the following under ATO > Style Widgets > Widget Container
HTML Code:
opacity:1 !important;
filter:alpha(opacity=100); /* For IE8 and earlier */
This did nothing.

Do I just need to poke around in the code to find the right selector or am I missing something else? Any help is always greatly appreciated! Thanks!
Old Oct 24, 2013, 01:33 PM
juggledad's Avatar
23,712 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
As I understand it, opacity is cumulative, you are making a cell of a table (the sidebar) opaque and everytinhg in that cell is affected.
you could try a semi transparent png as the sidebar background
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Oct 24, 2013 at 01:35 PM.
Old Oct 24, 2013, 02:08 PM
gr870sfunk's Avatar
110 posts · Mar 2011
Montgomery, AL
I literally just said "Duh." to myself out loud after reading the latter part of your reply, Juggle.

I should have thought of the transparent png. Thanks!
Old Oct 24, 2013, 09:25 PM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
You can also use
HTML Code:
background-color: rgba(0, 0, 0, .5)
This would give you 60% opacity of a black background.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.


sidebar background, transparency

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] sidebar transparency and color strongandfree Sidebars & Widgets 2 Oct 4, 2011 10:00 AM
[SOLVED] Transparency blend with background image mjelinek Atahualpa 3 Wordpress theme 4 Mar 8, 2009 12:26 PM

All times are GMT -6. The time now is 05:52 PM.

Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.