cochize1 39 Posted August 27, 2019 Share Posted August 27, 2019 Hi, got some pretty results myself with css modifications but there are 2 things I am still struggling with, any idease on how to make it work (as in attached picture): 1. How to narrow Header Middle Section with Tabs? 2. How to change the Text for Live TV cardbox? Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted August 28, 2019 Share Posted August 28, 2019 (edited) Something like this for the headermiddle. /*Move headermiddle up*/ div.flex.align-items-center.flex-grow.headerTop {padding: .8em 0; } div.headerMiddle.sectionTabs {margin: 0 20%;} /*adjustment so it does not affect other buttons on left and right already in header*/ I don't do Live TV so I don't know the specifics for that card id. So a guess would be something like this (tested on different card). /*Change Live TV card title*/ [title="Telewija"] { text-indent: -9999px; line-height:0; } [title="Telewija"]:after { text-indent:0; content:'Channels'; display:block; line-height: initial; } Edited August 28, 2019 by Happy2Play Link to comment Share on other sites More sharing options...
cochize1 39 Posted August 28, 2019 Author Share Posted August 28, 2019 Thanks for the tips, but since your code refers only to the main page headermiddle I found other solution, hope it will stick: .headerMiddle{ position: absolute!important; top: 43%; } As for the Live TV card the code doesn't work, still got the "Telewizja: instead of "Channels" on my main screen. Any idea? Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted August 28, 2019 Share Posted August 28, 2019 (edited) Thanks for the tips, but since your code refers only to the main page headermiddle I found other solution, hope it will stick: .headerMiddle{ position: absolute!important; top: 43%; } As for the Live TV card the code doesn't work, still got the "Telewizja: instead of "Channels" on my main screen. Any idea? Interesting as the middle header code works on every page I tested (Home, Movies, TV), so where is it not working for you (screenshots preferable)? I can see how this change can be problematic in mobile mode. As for the Live TV since I do not have Live TV I would need to see the code for the card. As you can see I renamed the title on this Yoga card using that exact code with only name changes. Edited August 29, 2019 by Happy2Play Link to comment Share on other sites More sharing options...
cochize1 39 Posted September 3, 2019 Author Share Posted September 3, 2019 Interesting as the middle header code works on every page I tested (Home, Movies, TV), so where is it not working for you (screenshots preferable)? I can see how this change can be problematic in mobile mode. As for the Live TV since I do not have Live TV I would need to see the code for the card. As you can see I renamed the title on this Yoga card using that exact code with only name changes. Sorry for the late reply but was out for some days. Managed to handle the header but changing the name still dont work. Please see a printscreen of the section: 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