2024-09-18, 08:54 AM
(This post was last modified: 2024-09-18, 01:44 PM by Papero. Edited 3 times in total.)
I can actually answer to myself.
After a bit of studying and copying what others have done in their theme CSS, I found out the required code.
To reduce the size of the picture (and enlarge the space available for the card content) use:
@media {
.detailImageContainer .card {
width: 10vw !important;
}
.detailPagePrimaryContainer {
padding-left: 16vw !important;
}
.detailPageContent {
padding-left: 16vw !important;
}
}
This is just an example. To have an even smaller picture just reduce the 10vw and to expand the content increase both 16vw (you will have to try out what works better for you).
To remove completely the card picture and expand and center the content I did this:
@media {
.detailImageContainer .card {
display: none;
}
.detailPagePrimaryContainer {
padding-left: 2% !important;
}
.detailPageContent {
padding-left: 2% !important;
}
}
Unfortunately I have not found (yet) a way to apply this only to Collections and NOT to each movie card.
I would love to maintain the format unchanged for movies (it's nice to have the large image there) and modify it only for Collections.
Any suggestion?
After a bit of studying and copying what others have done in their theme CSS, I found out the required code.
To reduce the size of the picture (and enlarge the space available for the card content) use:
@media {
.detailImageContainer .card {
width: 10vw !important;
}
.detailPagePrimaryContainer {
padding-left: 16vw !important;
}
.detailPageContent {
padding-left: 16vw !important;
}
}
This is just an example. To have an even smaller picture just reduce the 10vw and to expand the content increase both 16vw (you will have to try out what works better for you).
To remove completely the card picture and expand and center the content I did this:
@media {
.detailImageContainer .card {
display: none;
}
.detailPagePrimaryContainer {
padding-left: 2% !important;
}
.detailPageContent {
padding-left: 2% !important;
}
}
Unfortunately I have not found (yet) a way to apply this only to Collections and NOT to each movie card.
I would love to maintain the format unchanged for movies (it's nice to have the large image there) and modify it only for Collections.
Any suggestion?