- This topic has 16 replies, 6 voices, and was last updated 7 years, 2 months ago by Bishop.
June 6, 2016 at 10:52 pm #199919KENNETH
i added this in the editor, the whole pages including my content gets opaque, i just want to the pages background to the be opaque 0.4, so i can form up and see the main background.
filter: alpha(opacity=40); /* For IE8 and earlier */
“June 6, 2016 at 11:15 pm #199925Roberto Enrique
Instead of using
opacity: 0.5;try using
background-color: rgba(255,255,255,0.8) !important;obviously you can change your RGB values to the color you likeJune 6, 2016 at 11:36 pm #199929TomLead DeveloperLead Developer
RGBA is the way to go for sure.
You might also want to target
.entry-content.June 7, 2016 at 11:21 pm #200184KENNETH
Thanks got it.
What about Header?
I set my logo under header background.
My Header logo is .png. I just want to Transparent the white potion, but not the logo, thus i can see the body background.
The below code doesn’t work, it get my logo transparent too and i can’t see my body background.
background-color: rgba(255,255,255,0.8) !important;
June 8, 2016 at 12:10 am #200201Jamal
- This reply was modified 7 years, 3 months ago by KENNETH.
Im not too sure Kenneth but i think your header image has to have transparency in the first place inorder to achieve what you want.June 8, 2016 at 12:21 am #200210TomLead DeveloperLead Developer
Yea, there will have to be no color set for the header in “Customize > Colors > Header Colors”.
Then try to apply it to the
.site-headerelement.June 8, 2016 at 8:48 am #200297KENNETH
Thanks, Got it!
1 more Question.
Under pages> Page Header
there are 4 tabs, <Image Settings> <Video Settings> <Content Settings> <Advance Settings>
With Page Header Position > Inside Content Area
I added a Image and resulting a max-width of 940px overlapping the inside.acticle padding
In <Content Settings>
I try adding the SAME image, my result is width 860px and having the inside.acticle padding.
how can I add the image in <Content Settings> with the max width of 940px, overlap the padding?June 8, 2016 at 10:52 am #200321TomLead DeveloperLead Developer
Is the “add padding” option enabled in the content settings perhaps?July 17, 2016 at 2:13 pm #210676Matthias
how to make this for the other objects (Footer, Footer Widgets, Sidebar, Navigation etc.)? I don’t know the excat syntax of the elements.
MatthiasJuly 17, 2016 at 7:19 pm #210704Bishop
Here are the syntax you are looking for:
.site-info .footer-widgets .sidebar .widget .main-navigationJuly 17, 2016 at 11:50 pm #210725Matthias
Thanks Bishop!July 18, 2016 at 9:49 am #210857Matthias
One more thing. If I only wants to make the background of the sidebar semi transperent it doesn’t work. If I use “.sidebar.widget” or “.sidebar-widget” or “.sidebar .widget” nothing happens? Maybe the wrong syntax? I have also tried “.sidebar-widgets” and so on, but nothing worked.
“.footer-widgets” works perfectly.
Any ideas?July 18, 2016 at 10:22 am #210882TomLead DeveloperLead Developer
If you want to apply it to the entire sidebar and not just the widgets, you would use
.sidebar.July 18, 2016 at 11:36 am #210951Matthias
Thanks Tom and what to use if I want to apply it to the siedebar widgets?July 18, 2016 at 12:12 pm #210971Bishop
- You must be logged in to reply to this topic.