responsive text in block

[Veronica]

This reply has been marked as private.

[MeesterGijs]

You're correct. Sorry. One other thing. What happens is that when I click the NAKIJKEN button in my H5P quizzes, this happens: http://somup.com/crXVQk3HGg Probably has to do with the green button OPNIEUW popping up. Can we fix this? Gijs

[Veronica]

hi check this custom CSS html.h5p-iframe .h5p-question-buttons.h5p-question-visible.has-scorebar { display:flex; justify-content:center; align-items:center; } refer: http://prntscr.com/1y90vfd

[MeesterGijs]

I didn't get it to work. Where did you put it? Is the code correct? Gijs

[Veronica]

hi well as i have checked this on your site it is working simply add this in custom CSS section html.h5p-iframe .h5p-question-buttons.h5p-question-visible.has-scorebar { display: flex !important; justify-content: center !important; align-items: center !important; }

[MeesterGijs]

When I add the code in custom CSS section it looks like this: https://imgur.com/a/RrVvnJm

[Anshuman Sahu]

please try adding this custom css in your wp-admin -> appearance -> customize -> custom css :

@media (max-width: 768px){
.unit_prevnext {
    display:flex;
    justify-content:space-between;
    width:100%;
}
.unit_wrap .unit_prevnext #next_unit > span, .unit_wrap .unit_prevnext #next_quiz > span {
    display: none;
}
}

[MeesterGijs]

Dear Alex, Thanks for the first bit of that code. It did show the yellow bar in full width. That problem is solved! But it still shows the OPNIEUW/RETRY button on top of the round SHOW CORRECT ANSWERS button... Should that have been solved with this code? Didn't work unfortuneately.. .unit_wrap .unit_prevnext #next_unit > span, .unit_wrap .unit_prevnext #next_quiz > span { display: none; } }

[Veronica]

@media (max-width: 768px){
    
    html.h5p-iframe .h5p-question-buttons.h5p-question-visible.has-scorebar {
        margin-top: -12px;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
}

add this code or you can directly add this with the code @Alex provided. http://prntscr.com/1zrdwak like this:

@media (max-width: 768px){
    .unit_prevnext {
        display:flex;
        justify-content:space-between;
        width:100%;
    }
    .unit_wrap .unit_prevnext #next_unit > span, .unit_wrap .unit_prevnext #next_quiz > span {
        display: none;
    }
    html.h5p-iframe .h5p-question-buttons.h5p-question-visible.has-scorebar {
        margin-top: -12px;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
}

[Veronica]

This reply has been marked as private.

[MeesterGijs]

This reply has been marked as private.

[Veronica]

This reply has been marked as private.

[MeesterGijs]

This reply has been marked as private.

[Veronica]

still the same no access for the backend

[Veronica]

This reply has been marked as private.

[Author]

Posts