arrbee99 1559 Posted May 28, 2020 Share Posted May 28, 2020 Been having a fiddle - and am wondering if it might be possible to make the borders (the grid I guess ?) between all the tv programs (and tv stations) thicker ? Link to comment Share on other sites More sharing options...
arrbee99 1559 Posted May 29, 2020 Author Share Posted May 29, 2020 Anybody ? no ? Also, any chance someone might know how to change the TV channel info down the left hand side so its next to each other (like it used to be) instead of stacked please-y. Link to comment Share on other sites More sharing options...
adamstewiegreen 147 Posted May 29, 2020 Share Posted May 29, 2020 This should get you started ... .programCell { border-width: 5px 5px 5px 5px!important; border-color: rgba(255, 255, 255, 255) !important; } .guide-channelHeaderCell { border-width: 5px 5px 5px 5px!important; border-color: rgba(255, 255, 255, 255) !important; } 1 Link to comment Share on other sites More sharing options...
arrbee99 1559 Posted May 29, 2020 Author Share Posted May 29, 2020 This should get you started ... .programCell { border-width: 5px 5px 5px 5px!important; border-color: rgba(255, 255, 255, 255) !important; } .guide-channelHeaderCell { border-width: 5px 5px 5px 5px!important; border-color: rgba(255, 255, 255, 255) !important; } Excellent. Thanks very much. Link to comment Share on other sites More sharing options...
arrbee99 1559 Posted May 29, 2020 Author Share Posted May 29, 2020 (edited) The second bit doesn't seem to do anything though. Is that for the row of times across the top or the channels down the left hand side. I'll have to check to see if other css stuff is interfering with it. Should it work in Firefox btw ? EDIT: This seems to work for the cells down the left hand side - button.channelCell.channelCell-mobilefocus.itemAction { border-width: 5px 5px 5px 5px!important; border-color: rgba(255, 255, 255, 255) !important;;} Might be a rubbishy way to achieve it though. I'm in the try 15 different ways till it works camp. Edited May 29, 2020 by arrbee99 Link to comment Share on other sites More sharing options...
arrbee99 1559 Posted May 29, 2020 Author Share Posted May 29, 2020 This seems to work quite well so far thanks - Have used this - /*Add Border to Program Cells Vertical Only*/.programCell { border-width: 0px 4px 0px 4px!important; border-color: rgba(0,0,0,1) !important;} /*Add Border to Program Cells Horizontal Only*/div.virtualScrollItem.epgRow.flex { border-width: 4px 0px 4px 0px!important; border-color: rgba(0,0,0,1) !important;}/*Add Right Hand Border to All Channels Left Hand Side*/button.channelCell.channelCell-mobilefocus.itemAction { border-width: 0px 4px 0px 0px!important; border-color: rgba(0,0,0,1) !important;;}Couldn't do borders all the way round each program item as you get one line vertically and a double line horizontally. Hope I've actually copied the right stuff. Only done for Dark Theme. 2 Link to comment Share on other sites More sharing options...
adamstewiegreen 147 Posted May 30, 2020 Share Posted May 30, 2020 Looks good! Link to comment Share on other sites More sharing options...
arrbee99 1559 Posted May 30, 2020 Author Share Posted May 30, 2020 Thanks for your help Link to comment Share on other sites More sharing options...
arrbee99 1559 Posted April 7, 2021 Author Share Posted April 7, 2021 With changes to 4.6.0.37 I've been trying to get some thick borders back in the guide, among other things. Its not too bad now, but when there are no entries at all for a channel, I can't get the borders to work. This is most of my guides stuff - /* TV Guide */ /* Enlarge Text for Program Names in Guide */ div.guideProgramNameText { font-size: 125%; } /* Top Left Corner of Guide Only Gray20 */ div.channelCell { background: #333333 !important;} /* Make All Channels Left Hand Side Grey20 */ button.channelCell.itemAction {background-color: #333333;} /* Row of Times in Guide Gray20 */ div.timeslotHeaders { background: #333333;} /*Top Date Background Gray28*/ div.guideContainer.flex-grow.tvguide { background: #474747 !important;} /* All Guide Entries Gray28 */ button.programCell.itemAction { background: #474747 !important;} /* Make Colour of Empty Channel Gray28 */ div.channelPrograms.flex-grow.flex { background: #474747 !important;} /* Adjust Colour and Width of Timeline */ div.guide-currentTimeIndicatorDot {width: 3px;} div.guide-currentTimeIndicatorDot {background: var(--myblue);} /* Re-align Timeline to Correct Position */ div.guide-currentTimeIndicatorDot.guideEpg-currentTimeIndicatorDot {margin-left: 16.6em;} /* Make Arrow Bigger */ div.guide-currentTimeIndicatorDot.guideHeader-currentTimeIndicatorDot::before { width: 12px; color: red !important;} /* Add Border to Program Cells */ .programCell { border-width: 4px 4px 4px 4px!important; border-color: rgba(0,0,0,1) !important; } /* Add Border to All Channels Left Hand Side */ button.channelCell.itemAction { border-width: 4px 4px 4px 0px!important; border-color: rgba(0,0,0,1) !important;; } /* Add Bottom Border to Row of Times in Guide */ div.timeslotHeader { border-width: 0px 0px 8px 0px !important; border-color: rgba(0,0,0,1) !important; } /* Top Left Corner of Guide Only Bottom Border */ div.channelCell.firstChannelCell { border-width: 0px 0px 4px 0px !important; border-color: rgba(0,0,0,1) !important; } /* Make Top Left Empty Box Wider */ div.channelCell {width: 240px !important;} /* Make Channels Column Wider */ button.channelCell.itemAction {width: 240px !important;} /* Remove Channel Logo */ div.guideChannelImage {display: none !important} /* Make Program Text Bigger */ div.guideChannelText.secondaryText {font-size: 150% !important;} The bit you might spot in Bold above seems to make an empty channel the right colour, and I was hoping some kind of modification might work, but no luck. It looks like this - Any thoughts please ? Link to comment Share on other sites More sharing options...
arrbee99 1559 Posted April 8, 2021 Author Share Posted April 8, 2021 I gave up and got rid of the empty channels. Next up, am wondering if anyone knows how to squash the rows a bit so as to be able to fit more row in. Thanks. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now