Tagged: customize footer css
- This topic has 0 replies, 1 voice, and was last updated 3 years, 5 months ago by
nospam.raffi.
Viewing 1 post (of 1 total)
- AuthorPosts
- October 26, 2019 at 05:07 #22386
nospam.raffiParticipantHi,
Love your plugin. Trying to test it today.
I have customized everything as wanted, but I’m fighting to be able to change the footer colors.I guess I have to deal with :
#{{table.view_id}} .ptsColFooter { background-color: {{ adjBs(table.params.bg_color.val, 130) }}; /* background color for non-css3 browsers */ /* gradient */ background-image: linear-gradient(top, {{ adjBs(table.params.bg_color.val, 160) }}, {{ adjBs(table.params.bg_color.val, 100) }}); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ adjBs(table.params.bg_color.val, 160) }}', endColorstr='{{ adjBs(table.params.bg_color.val, 100) }}'); /* IE5.5 - 7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ adjBs(table.params.bg_color.val, 160) }}', endColorstr='{{ adjBs(table.params.bg_color.val, 100) }}'); /* IE8 */ background: -ms-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 160) }}, {{ adjBs(table.params.bg_color.val, 100) }}); /* IE9 */ background: -moz-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 160) }}, {{ adjBs(table.params.bg_color.val, 100) }}); /* Firefox */ background: -o-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 160) }}, {{ adjBs(table.params.bg_color.val, 100) }}); /* Opera 11 */ background: -webkit-linear-gradient(top, {{ adjBs(table.params.bg_color.val, 160) }}, {{ adjBs(table.params.bg_color.val, 100) }}); /* Chrome 11 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, {{ adjBs(table.params.bg_color.val, 160) }}), color-stop(1, {{ adjBs(table.params.bg_color.val, 100) }})); /* Chrome 10, Safari */ border-top: 1px solid {{ adjBs(table.params.bg_color.val, 145) }};
I have tried to change {{ adjBs(table.params.bg_color.val, 160) }} by my colors to test.
I get something like :#{{table.view_id}} .ptsColFooter { background-color: #3f608e,130; /* background color for non-css3 browsers */ /* gradient */ background-image: linear-gradient(top, #3f608e,160, #ffffff,100); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f608e,160', endColorstr='#ffffff,100'); /* IE5.5 - 7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f608e,160', endColorstr='#ffffff,100'); /* IE8 */ background: -ms-linear-gradient(top, #3f608e,160, #ffffff,100); /* IE9 */ background: -moz-linear-gradient(top, #3f608e,160, #ffffff,100); /* Firefox */ background: -o-linear-gradient(top, #3f608e,160, #ffffff,100); /* Opera 11 */ background: -webkit-linear-gradient(top, #3f608e,160, #ffffff,100); /* Chrome 11 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3f608e,160), color-stop(1, #ffffff,100); /* Chrome 10, Safari */ border-top: 1px solid #3f608e, 145; }
But it doesn’t work and break the global mouse hover on columns that I really love.
- AuthorPosts
Viewing 1 post (of 1 total)
- You must be logged in to reply to this topic.