Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

Sidebar background transparency


  #1  
Old Oct 24, 2013, 11:56 AM
gr870sfunk's Avatar
gr870sfunk
 
110 posts · Mar 2011
Montgomery, AL
DETAILS:
http://www.jobkeeperalliance.org/
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;
background:#FFFFFF;
opacity:0.4;
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!
  #2  
Old Oct 24, 2013, 02:33 PM
juggledad's Avatar
juggledad
 
23,765 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 02:35 PM.
  #3  
Old Oct 24, 2013, 03:08 PM
gr870sfunk's Avatar
gr870sfunk
 
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!
  #4  
Old Oct 24, 2013, 10:25 PM
lmilesw's Avatar
lmilesw
 
10,176 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.

Bookmarks

Tags
sidebar background, transparency



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


All times are GMT -6. The time now is 12:07 PM.


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