How can I make the embedded PDF fit any screen? See here. When I used PDF Embedder it worked, now that I use WPLMS way of embedding it no longer fits the screen of my phone. And I even have a Pixel 7. So how can I make it responsive and automatically fit all screens?
Hello,
How can I make the embedded PDF fit any screen? See here. When I used PDF Embedder it worked, now that I use WPLMS way of embedding it no longer fits the screen of my phone. And I even have a Pixel 7. So how can I make it responsive and automatically fit all screens?
Gijs
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
@media(max-width:640px){
.pdf-view .pdf_view canvas[width^="61"]{
width:100%;
}
}
Didn't work, sorry. How can I just see the full PDF with scrolling left/right?
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
@media(max-width:640px){
.pdf_view canvas[width^="7"],.pdf_view canvas[width^="6"]{
width:100% !important;
}
}
Perfect!!!
How can I make the title of the unit smaller? And add some padding above the black line?
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
.course_status .course_content .course_content_content_wrapper h2{
font-size:1.85rem;
}
.course_content_content{
padding-top:2rem
}
Perfect! But how about the black line? Can it have more space with the yellow previous/next buttons?
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
@media(max-width:768px){
.course_status .course_content .course_content_header{
height:auto;
}
}
Perfect! Thanks, Alex.
~closing~