Jump to content


Photo

Narrow Header section

css header

  • Please log in to reply
4 replies to this topic

#1 cochize1 OFFLINE  

cochize1

    Advanced Member

  • Members
  • 57 posts
  • Local time: 04:12 PM

Posted 27 August 2019 - 07:52 AM

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?

 

5d6519643a359_backdrop.jpg



#2 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16268 posts
  • Local time: 07:12 AM
  • LocationWashington State

Posted 28 August 2019 - 03:19 PM

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 by Happy2Play, 28 August 2019 - 03:19 PM.


#3 cochize1 OFFLINE  

cochize1

    Advanced Member

  • Members
  • 57 posts
  • Local time: 04:12 PM

Posted 28 August 2019 - 04:24 PM

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?


#4 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16268 posts
  • Local time: 07:12 AM
  • LocationWashington State

Posted 28 August 2019 - 07:10 PM

 

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.

5d670985204a6_content.jpg


Edited by Happy2Play, 28 August 2019 - 10:53 PM.


#5 cochize1 OFFLINE  

cochize1

    Advanced Member

  • Members
  • 57 posts
  • Local time: 04:12 PM

Posted 03 September 2019 - 03:46 PM

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.

5d670985204a6_content.jpg

 

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:

5d6ec30c4844c_button.jpg







Also tagged with one or more of these keywords: css, header

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users