Creating Themes Guide

Hi - I am trying to create theme to represent my company’s branding. For the most part things are ok. However, there are some elements I can’t seem to change; I’m obviously editing the wrong area. There are so many options.
When this happens I take a look at the element selector tool in Chrome (ctrl + alt + i), to look at the HTML and CSS. Only sometimes does this work for me. Is there another way of using this tool to help me pinpoint the correct elements? Or, is there another way?


Hey Dave!
I’m in the same situation right now. If you go into the preview mode of the course you will find a separate Evolve inspector in the bottom right corner. Nevertheless, I can only join you - I still have buttons or Accordion Menu Drop Downs in my test course with the wrong colors, because I can’t find the right settings.

Hi Malte - thanks for your message, it’s good to know it’s not just me :slight_smile: The Evolve inspector was a good shout, thanks for that. I will give that a try and let you know.

Hi, best way I find to keep things clear is to use Article styles. Then you can apply different styles to different articles and enable show styles in Live Preview to see what styles are being used easily. Then focus in on the different elements of that style in the theme without it affecting other article styles.

Hope that helps!


1 Like

Hi Muhammad,

Thanks for the tips. I have started creating Article styles for different requirements, this seems to be a good way of editing.


Hi Dave,

You’re welcome :slight_smile:

Yeh article styles are good - you can even do different background images for them if you’re feeling really fancy!

Feel free to ask if you need any tips - been working with Evolve a few years now so have come across most issues… it’s a great tool but sometimes bit obscure…



Hi Muhammad,

Thanks for getting back to me. I’m sorry for messaging you again, but do you know how I can change the colours on the hot graphic pulsing buttons? I have looked everywhere, and I when I think I have found the answer, it doesn’t work.

Many thanks

No worries - in your article style, go to ‘Component Item’ element, then ‘Appearance’ and change the Component Item Background Colors

Thanks Muhammad - I’m not sure if some settings are overiding what I am trying to do. I can’t seem to change the colours for the circle buttons. I was able to edit the colour of the pop up box and text.

Hmm not sure then - that works for me! Best to put in a ticket - Malcolm will get back to you pretty fast and he can what’s going on in your Evolve…

Thanks again, will do.

Hi Muhammad

This is really helpful!

Just adding to this question, do you know if it is possible to change the size of the hot graphic icons? They look overly large on the hot graphic I have developed.


Hi Lucy,

Not as far as I know… Have you looked at using the Infographic component? It’s quite new - I use it alot not… allows hidden hotspots etc which is pretty cool!

Kind regards,


Thank you, I shall have a look again, but I don’t think it is a current option. I like the sound of the hidden hotspots.

Don’t think this is an option according to available settings.