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 »

apply the opacity property to a New widget area background-image


  #1  
Old Oct 24, 2010, 07:30 PM
bigliettaio's Avatar
bigliettaio
 
128 posts · Nov 2009
Italy
I add 4 new widget area to the centre column of my Front Page and i set a background image
adding next row :
HTML Code:
table#fp_posts_widget_area{background-image:url('wp-content/uploads/2010/01/302181.jpg');
}
to ATO>>Add HTML/CSS Insert

Now i would like to reduce the opacity to that image
BUT
How i can adding opacity property to backgorund image mentioned

style=opacity:0.4;filter:alpha(opacity=40)

PS
$As soon as possible i charged my paypal account so i could improve my donations$
  #2  
Old Oct 25, 2010, 05:48 AM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you can use this
HTML Code:
table#fp_posts_widget_area {
background-image:url('http://www.elprincipe.it/wp-content/uploads/2010/01/302181.jpg');
	filter: alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
}
BUT...opacity is an interesting thing, it effects all layers in the container you apply it to.

So since you have (this is simplified to make the explanation easier)

TABLE (has background image)
ROW
COLUMN1 (has text)
COLUMN2 (has text)
COLUMN3 (has text)
COLUMN4 (has text)

If you add the opacity to the TABLE, the text in each of the columns is effected since they are elements of TABLE. Other than making the image it self lighter, there is no way I know of to fade the image on the TABLE and leave the TEXT with out opacity
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 25, 2010, 06:50 AM
bigliettaio's Avatar
bigliettaio
 
128 posts · Nov 2009
Italy
Hi JD and thanks
I also tryied in this way and i notice that opacity were applied to whole table contents .

If i found the solution i sent you an advice.

NB
no way to solve this other problem?

Last edited by bigliettaio; Oct 25, 2010 at 07:16 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
header image as background image for logo area soni Atahualpa 3 Wordpress theme 8 Apr 2, 2010 03:05 AM
Sidebar Background Opacity Jcasteli Sidebars & Widgets 2 Jun 2, 2009 05:49 AM
Putting a image background in the header's logo area kirinafa Header configuration & styling 2 Feb 18, 2009 04:08 PM


All times are GMT -6. The time now is 09:37 PM.


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