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

Old Oct 24, 2010, 07:30 PM
bigliettaio's Avatar
128 posts · Nov 2009
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:
to ATO>>Add HTML/CSS Insert

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


$As soon as possible i charged my paypal account so i could improve my donations$
Old Oct 25, 2010, 05:48 AM
juggledad's Avatar
23,739 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 {
	filter: alpha(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)
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
Old Oct 25, 2010, 06:50 AM
bigliettaio's Avatar
128 posts · Nov 2009
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.

no way to solve this other problem?

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


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 03:36 PM.

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