|
Jordan Gum
|
April 14, 2015 at 10:43 am
i’ve been inspecting and fiddling all morning and i can get the color changed but can’t make it completely transparent. any ideas? thanks!
|
|
Lorenzo Orlando Caum
|
April 14, 2015 at 11:05 am
Hi Jordan,
What is the CSS that you are using and is a link to your calendar page available?
Thanks
—
Lorenzo
|
|
Jordan Gum
|
April 14, 2015 at 11:23 am
yep, here’s a link to the Calendar page:
http://192.185.4.46/~meredith/calendar/
the rule i’ve tried using to test is:
table.fc-header tbody tr{
background-color:rgba(100,100,100,1);
}
which does half the trick. when i set the opacity value to 0, it works, but there’s still a background color appearing
|
|
Lorenzo Orlando Caum
|
April 14, 2015 at 11:39 am
Hi, is the goal to remove this light grey here so the page background shows in that area?
http://cl.ly/image/0L421w0B043q
The CSS that you shared showed a dark grey once applied so if you could clarify what you are wanting to do, then we can share updated CSS to accomplish that.
Thanks
—
Lorenzo
|
|
Jordan Gum
|
April 14, 2015 at 11:45 am
yes, that’s correct. that rule i provided was really just to show that i’m trying to set an rgba() attribute to the header. my ultimate goal is to have the header area be transparent so that the page background shows underneath the buttons and month label. thanks!
|
|
Lorenzo Orlando Caum
|
April 14, 2015 at 12:23 pm
Okay thanks for explaining. The tricky part was finding the background which appears to be an image. This CSS should work:
#espresso_calendar .fc-header td, #espresso_calendar .fc-header:hover td, #espresso_calendar .fc-header-left, #espresso_calendar .fc-header-right, #espresso_calendar .fc-header-left:hover, #espresso_calendar .fc-header-right:hover {background: #ffffff url(http://192.185.4.46/~meredith/wp-content/uploads/2015/03/textured-bg-content.jpg) center center repeat scroll;}
#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-header-space {
width:0 !important;
}
Be sure to update the URL when you move to the live site.
Here is a preview of how it should appear:
http://cl.ly/image/3t050a1U0Q2g
—
Lorenzo
|
|
Jordan Gum
|
April 14, 2015 at 12:31 pm
ah, so there really isn’t a way to actually make the header transparent? if that’s the case i may just remove the bg img altogether. at any rate, thanks for all your help!
|
|
Lorenzo Orlando Caum
|
April 14, 2015 at 1:22 pm
Hi,
The sample CSS that you shared set it to a dark grey color and didn’t appear transparent. You could go with the new code that I shared to remove it so it matches your website’s background or set a different solid color.
—
Lorenzo
|
|
Josh
|
April 14, 2015 at 1:29 pm
Hi Jordan,
There’s more info about how to work with tables and backgrounds in this stackexchange thread:
http://stackoverflow.com/questions/23583774/how-to-make-background-of-table-cell-transparent
|
