changing bullets design in Moodle

changing bullets design in Moodle

由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

評比平均分數： -
In reply to Sidd Lep

Re: changing bullets design in Moodle

由Gareth J Barnard發表於
Core developers的相片 Particularly helpful Moodlers的相片 Plugin developers的相片

http://www.w3schools.com/cssref/pr_list-style-image.asp

評比平均分數： -
In reply to Gareth J Barnard

Odgovor: Re: changing bullets design in Moodle

由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

由Richard Oelmann發表於
Core developers的相片 Plugin developers的相片 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

由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

評比平均分數：Useful (1)
In reply to Andy Chaplin

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

由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

由Richard Oelmann發表於
Core developers的相片 Plugin developers的相片 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) 微笑

評比平均分數： -
In reply to Sidd Lep

Re: changing bullets design in Moodle

由Mary Evans發表於

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

由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

由Mary Evans發表於

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
評比平均分數：Useful (1)