evolve-D theme for M2.7

Re: evolve-D theme for M2.7

by Mary Evans -
Number of replies: 3
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

I'm not sure but I suspect it is still a Moodle cache problem. Have you attempted to Purge all cache again?  Might be an idea to do that so you can rule that out if nothing else?

The other alternative is change the way that image is added to the page. At the moment it is placed directly on the page in the evolved/layout/includes/fpcustom.php file here...

https://github.com/kennibc/moodle-theme_evolved/blob/master/layout/includes/fpcustom.php#L31

If you were to comment that line out by pre-fixing it using // like so...

// <img src="<?php echo $OUTPUT->pix_url('avatar', 'theme'); ?>" alt="Login" />


you could then set the image as a background-image in evolved/style/evolved.css using

.avatarlogin {
  width: 100%;
  margin: auto;
  width: 65px;
  border-radius: 100px;
  height: 65px;
  background: #000 url([[pix:theme|avatar]]) left top no-repeat;
  position: relative;
  bottom: -15px;
}

Might work better...

Hope that helps?

Mary

Average of ratings: -
In reply to Mary Evans

Re: evolve-D theme for M2.7

by Albert Leatherman -

Thanks Mary. It was a caching problem. After I turned on theme designer mode, images started appearing as soon as I loaded them to the server.

Now I have a new question for you or Chris. Is it possible to remove the arrow bar at the top of courses and the line at the top of topics? I don't give my courses of topics names (long story) so I have no need for the lines under the names. The lines just add clutter in my case. Please see attached pic. Thanks.


Average of ratings: -
In reply to Albert Leatherman

Re: evolve-D theme for M2.7

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi,

Glad to hear that you are slowly getting there with this theme.

I think the course title border is to do with this CSS...

https://github.com/kennibc/moodle-theme_evolved/blob/master/style/evolved.css#L612-L646

So I think to fix this you need to add the following into the Custom CSS section of EvolveD's settings page.

.course-title,
.course-title:after.
.course-title:before {
    border: 0 none;
}

I hope that's right.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: evolve-D theme for M2.7

by Albert Leatherman -

Hi Mary, thanks for the suggestion. I tried adding the lines you suggested in both the Custom CSS section of EvolveD's settings page and directly in /theme/evolved/style/custom.css but unfortunately neither worked. However, your suggestion got me thinking, so I poked around in /theme/evolved/style/evolved.css and changed

.course-title:after, .course-title:before {

  top: 100%;

  left: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

}

to

.course-title:after, .course-title:before {

  top: 100%;

  left: 50%;

  border: 0 none;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

}

That worked; it eliminated both the bar (with the downward arrow) under the course title and the bar under the section/topic title. However, strangely it also caused the fonts I had selected in the EvolveD settings to stop working, and all the text on the site reverted to the standard font (Helvitica?). Any idea why that happened? Thanks.

Average of ratings: -