Jump to content

Episode list (Text and Image Size)


Recommended Posts

Smitty018210
Posted (edited)

Hello, I was wondering if there is a way to increase the image (episode Image) as well as the font size, but only here on the episode list. 

I don't want other images or fonts enlarged on other places. 

Thanks!

 

 

Font-Image size.png

Edited by Smitty018210
Happy2Play
Posted (edited)

Something like this (adjust the values to your needs)

div.trackListSection div.listItem .listItemImageContainer-large {
    height: 11em;
}
div.trackListSection div div.listItem-innerwrapper div.listItemBody {
	font-size: 125%;
}

Did a quick look but not positive if any other list view is affected.

Edited by Happy2Play
Smitty018210
Posted
1 hour ago, Happy2Play said:

Something like this (adjust the values to your needs)

div.trackListSection div.listItem .listItemImageContainer-large {
    height: 11em;
}
div.trackListSection div div.listItem-innerwrapper div.listItemBody {
	font-size: 125%;
}

Did a quick look but not positive if any other list view is affected.

Thanks happy, but no luck. 
 

Happy2Play
Posted
13 minutes ago, Smitty018210 said:

Thanks happy, but no luck. 
 

Not sure then 

Without

image.thumb.png.9e3d4a858ef288d09aa29bcb9f0f36fa.png

With code

image.thumb.png.7e77dbca1d5a8111105ac829f11870b5.png

I can see in browser console custtom css overriding default code

image.png.8445209eb4192bd5be2ace38bbe73b75.png

 

Smitty018210
Posted
1 hour ago, Happy2Play said:

Not sure then 

Without

image.thumb.png.9e3d4a858ef288d09aa29bcb9f0f36fa.png

With code

image.thumb.png.7e77dbca1d5a8111105ac829f11870b5.png

I can see in browser console custtom css overriding default code

image.png.8445209eb4192bd5be2ace38bbe73b75.png

 

No idea Happy. 

This is the code I am already using. Any chance something might be conflicting? 

/*Remove "Similar" sections */
div.details-additionalContent-withbackdrop div.seriesScheduleSection {display: none;}
div.details-additionalContent .similarSection {display: none;}

/* ----------------------------------------------------------------------------------------------*/
/*Remove "More From" sections*/
div.view-item-item .moreFromSeasonSection {display: none;}

/* ----------------------------------------------------------------------------------------------*/

/*Change the font size "About Section"*/
.overview-text.readOnlyContent { font-size: 20px; }

/* ----------------------------------------------------------------------------------------------*/

/* Make the overview text 9 lines with ... at the end if it overflows */
.overview-text.readOnlyContent {
  display: -webkit-box; /* Makes it compatible with webkit browsers */
  -webkit-box-orient: vertical; /* Specifies vertical stacking of lines */
  overflow: hidden; /* Hides content after the specified number of lines */
  text-overflow: ellipsis; /* Adds ellipsis after the text is truncated */
  -webkit-line-clamp: 9; /* Restricts content to 9 lines */
  line-clamp: 9; /* Standard property for non-webkit browsers */

/* ----------------------------------------------------------------------------------------------*/

}
/* Hide the MORE button */
.button-link.btnReadMore.flex-shrink-zero.secondaryText.emby-button {
display: none;
}


/* ----------------------------------------------------------------------------------------------*/
/* Wraps Title Names */
div.cardText.cardText-first {
    white-space: pre-wrap;
}

div.cardText-secondary {
    white-space: pre-wrap;
}

/* ----------------------------------------------------------------------------------------------*/

/* Removes scrollbar */
.emby-scroller {
    -ms-overflow-style: none !important;  /* Chromium */
    scrollbar-width: none !important;  /* Firefox */
}

/* Expand skinheader to fill the missing scrollbar gap */
.skinHeader {
  margin-right: -15px !important; 
  padding-right: 15px !important;
}

/* ----------------------------------------------------------------------------------------------*/

 

 

Smitty018210
Posted
Spoiler

I am still on Version 4.8.11.0. Could that be why it's not working? 

 

Posted
1 minute ago, Smitty018210 said:
  Hide contents

I am still on Version 4.8.11.0. Could that be why it's not working? 

 

Strong chance of that, yes.

Smitty018210
Posted
7 minutes ago, Luke said:

Strong chance of that, yes.

@Luke

Since I wont be updating any time soon. (Still to many bugs)

Any idea what code I would need to use for 4.8.11.0? 

Happy2Play
Posted
9 hours ago, Smitty018210 said:

@Luke

Since I wont be updating any time soon. (Still to many bugs)

Any idea what code I would need to use for 4.8.11.0? 

Here you go as you can see there is a slight change in code primarily with first element.

div.trackList.trackList-marginleftcards div.listItemImageContainer.listItemImageContainer-large {
    height: 11em;
}

div.trackList div.listItem-innerwrapper div.listItemBody {
	font-size: larger;
}

you can use larger for font-size or percentage if you like.

  • Like 1
Smitty018210
Posted
3 minutes ago, Happy2Play said:

Here you go as you can see there is a slight change in code primarily with first element.

div.trackList.trackList-marginleftcards div.listItemImageContainer.listItemImageContainer-large {
    height: 11em;
}

div.trackList div.listItem-innerwrapper div.listItemBody {
	font-size: larger;
}

you can use larger for font-size or percentage if you like.

@Happy2PlayYou are the freaking best! I can not thank you enough for your help! 

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...