Script not working. please fix

[rakitanc]

I am using Chrome browser Version 103.0.5060.114 (Official Build) (64-bit) On Pos OS linux

https://www.youtube.com/@GyanTherapy/videos

[Roki100]

Works fine for me set up to 6 rows, just to clarify - are you using the latest style version? (1.0.7)

[rakitanc]

Works fine for me set up to 6 rows, just to clarify - are you using the latest style version? (1.0.7)

Thanks for the reply mate, It means a lot

So the thing is, what i want basically is to fill the both black sides on my monitor to be utilized with the videos but it's not happening. So if you can help me achieve that it would be awesome

So this is how it looks currently and userstyles i am using

[Roki100]

Hey, now i understand your problem, could you please try pressing the cog and enabling resize thumbnails feature and try touching the slider if it can achieve that?

[rakitanc]

Can you please explain what's this and can i have that too?

[sapondanaisriwan]

Try this.

ytd-two-column-browse-results-renderer.grid:not(.grid-disabled):has(ytd-rich-grid-renderer:not([is-shorts-grid])) {
    max-width: 100% !important;
    width: 100% !important;
    #primary.ytd-two-column-browse-results-renderer {
        padding-inline: 20px;
    }
}

[Roki100]

ytd-two-column-browse-results-renderer.grid:not(.grid-disabled):has(ytd-rich-grid-renderer:not([is-shorts-grid])) {
    max-width: 100% !important;
    width: 100% !important;
    #primary.ytd-two-column-browse-results-renderer {
        padding-inline: 20px;
    }
}

Enabling resize thumbnails and maxing out the px slider seems to result in same effect

[Roki100]

Can you please explain what's this and can i have that too?

I am not sure what do you mean?
Could you please elaborate on the main issue you have with the userstyle where you claim it to not work for you? I need more details to help you

[Roki100]

ytd-two-column-browse-results-renderer.grid:not(.grid-disabled):has(ytd-rich-grid-renderer:not([is-shorts-grid])) {
    max-width: 100% !important;
    width: 100% !important;
    #primary.ytd-two-column-browse-results-renderer {
        padding-inline: 20px;
    }
}

Enabling resize thumbnails and maxing out the px slider seems to result in same effect

Hey, i didn't realize it actually didnt do that on 1440p and larger screens, i have added a separate toggle for this including the code you linked, hope you don't mind, i added you to readme credits, but if there's an issue with it please let me know, thanks! :)
It seemed way more reasonable to add a separate toggle for that rather than adjusting the slider range as it would go crazy high & inconvinient to use

[rakitanc]

ytd-two-column-browse-results-renderer.grid:not(.grid-disabled):has(ytd-rich-grid-renderer:not([is-shorts-grid])) {
    max-width: 100% !important;
    width: 100% !important;
    #primary.ytd-two-column-browse-results-renderer {
        padding-inline: 20px;
    }
}

Enabling resize thumbnails and maxing out the px slider seems to result in same effect

Hey, i didn't realize it actually didnt do that on 1440p and larger screens, i have added a separate toggle for this including the code you linked, hope you don't mind, i added you to readme credits, but if there's an issue with it please let me know, thanks! :) It seemed way more reasonable to add a separate toggle for that rather than adjusting the slider range as it would go crazy high & inconvinient to use

Hi there..your script still not working for me what i wanted but someone else helped me with it so just sharing with you so you can implement the idea in yours

/* ==UserStyle==
@name youtube.com - 02/08/2023, 21:20:42
@namespace github.com/openstyles/stylus
@Version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */

@-moz-document domain("youtube.com") {
ytd-two-column-browse-results-renderer[page-subtype="channels"],
ytd-two-column-browse-results-renderer[page-subtype="home"] {
max-width: 100% !important;
min-width: 100% !important;
}
#contents {
max-width: 100% !important;
min-width: 100% !important;
}
}