Coourse image very small in course page

rogermont

Hello,

It looks like with the new version of Guru, the course image on top is very small, instead of ceovering the whole hero position.

How can this be solved?

Thank you.

Best,
Roger.

saguaros

Hi Roger,

You can try this:

@media (min-width: 992px){
.gru-course-detail.gru-default-layout .gru-course-media {
    flex-basis: auto;
}
}

rogermont

Hi Saguraos,

Thank you. That makes the picture bigger, but it also makes the name of the course dissappear.

How could we solve it?

Thanks!

dominic

Hi rogermont,
You can add the following CSS code to your site:

.gru-cover {
    border: 0px;
    height: 370px;
}

.gru-course-detail.gru-default-layout .gru-course-media {
    flex-basis: 100%;
    max-height: 260px;
    overflow: hidden;
}

@media (min-width: 768px) {
.gru-course-info {
    display: flex;
}
}

@media (max-width: 767px) {
.gru-course-info {
   flex-basis: 100%;
   text-align: center;
}
}

@media (max-width: 768px) {
.gru-cover {
    height: 370px!important;
}
}

rogermont

That did the trick, thank you Dominic!