slider image width in eguru

slider image width in eguru

by Benjamin Charbord -
Number of replies: 2

Moodle version: Moodle 3.11 (Build: 20210517)
eguru version: v3.11


Hi,

I'm using eguru theme, but the images in the frontpage slider are huge in my laptop browser, and I only see a third of the original image (see below for screenshot). 

Is there a way to change that? What I'd like is the same output as I used to have on my previous built, using the essential theme, where the image was set to fit it's width

I tried to add some custom css in stie administration>Appearance>Themes>eguru>Custom CSS as follows, but it doesn't seem to work: 

.theme-slider, #home-page-carousel .carousel-item {
  height:50px !important;
}


Thanks for your help.

What I get:



The orignal image 

Average of ratings: -
In reply to Benjamin Charbord

Re: slider image width in eguru

by David Kimball -

Benjamin, I am needing the same fix.  Did you figure this out?

Average of ratings: -
In reply to David Kimball

Re: slider image width in eguru

by Benjamin Charbord -
Hello David,
I did fix it, this summer... it feels like it was a thousand years ago. This is what I've found in my notes, unsure of how solid this answer is...

I changed some lines in two files: 
  • In the file public_html/theme/eguru/layout/includes/slideshow.php, in line 129: 
    128    .theme-slider, #home-page-carousel .carousel-item {
    129      height:250px;        <--- instead of 550px
  • In the file public_html/theme/eguru/style/eguru.css, in line 1864:
    1863    .homepage-carousel .carousel-inner > .carousel-item {
    1864        min-height: 250px;      <------ instead of 550px
  • and line 1867:
    1866    .homepage-carousel .carousel-inner > .carousel-item .item-inner-wrap {
    1867        min-height: 250px;     <------ instead of 550px

I hope this will help you.

Average of ratings: Useful (1)