changing bullets design in Moodle

changing bullets design in Moodle

by Sidd Lep -
Number of replies: 11

Hello.

I am wondering how to change the bullets symbols in Moodle. I want to use my own icons as a bullets instead of standard bullets in Moodle.

I am using Moodle 3.0.2 with Aardvark theme and Atto editor.


Thank you

Average of ratings: -
In reply to Sidd Lep

Re: changing bullets design in Moodle

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
In reply to Gareth J Barnard

Odgovor: Re: changing bullets design in Moodle

by Sidd Lep -

I know how to write the code, but my question was where can I find that piece of css which defines bullet design. I can't find it theme css.


In reply to Sidd Lep

Re: Odgovor: Re: changing bullets design in Moodle

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

If its not in your theme, and off the top of my head I can't think of any themes that do alter the default bullets for images, then you can add it to an existing style sheet or to customcss.

In reply to Sidd Lep

Re: Odgovor: Re: changing bullets design in Moodle

by Andy Chaplin -

Hi Sidik

One option would be to use the Generico Filter which lets you add bits of code almost wherever you want.  I used to to create a list with my own images like this...



hope this helps,


Andy

Average of ratings: Useful (1)
In reply to Andy Chaplin

Odgovor: Re: Odgovor: Re: changing bullets design in Moodle

by Sidd Lep -

Thank you Andy,

I played a bit with that, but it still doesn't work. But definitively, this is very useful plugin. I will use it with generico atto addon. But, may I ask you to provide me somehow instruction or piece of your code that you have made it for your website?

Thank you, anyway.


In reply to Andy Chaplin

Re: Odgovor: Re: changing bullets design in Moodle

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

While generico is a wonderful tool, it seems a little bit over the top for something that can be achieved with one line of css in the customcss and adding the image somewhere accessible (which you would have to do for using it in generico as well) smile

In reply to Sidd Lep

Re: changing bullets design in Moodle

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

Ok, so you know what the code is to add this change, so what is the problem?

If you know the code and it is not working, then either...

  1. the cache needs to be purged, Purge all cache
  2. or your code is wrong
  3. or you are not doing it the Moodle way.

I added a comment earlier, not sure if you read it. It tells you which file the original list CSS is in Moodle.

Cheers

Mary

In reply to Mary Evans

Odgovor: Re: changing bullets design in Moodle

by Sidd Lep -

Thank you Mary,

I read it but couldn't find moodle.css file in aardvark theme that I use.

Kind regards,

Sidik

In reply to Sidd Lep

Re: Odgovor: Re: changing bullets design in Moodle

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

Just testing to see if it does work in Moodle,,,and it appears that it does. So you must be doing something wrong!

  • Some text
Average of ratings: Useful (1)