• Resolved gbray86

    (@gbray86)


    Howdy,
    Is there a way to set the workshop color by theme? I have defined a set of themes such as registration/hospitality, training, technical track. How do I customize the colors by theme? I can manually do each one, but thought there might be a quicker way. I’m not very skilled at CSS, so if that’s the way to do it, I’ll need some step by step instructions. Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author swift

    (@swift)

    You can do this with CSS, and it’s not actually all that hard. Here’s how:

    1. Find the Slug of each theme and/or keyword you want to style. They’re listed in the table on the Conference->Themes and Conference->Keywords Admin pages.
    2. Choose Customize from the top Admin Bar
    3. Pick the colours you want – you’ll need the Hex values (#XXXXXX where X is between 0-9 or A-F). You can use the colour pickers in the Conference section to pick colours and then note down the displayed Hex value if you need help with that).
    4. Go to the Additional CSS section
    5. Add the following code – one rule for each theme you want to colour. Replace THEMESLUG with the theme slug you noted in step 1:
      .conf_scheduler .session .workshop.theme_THEMESLUG { background-colour: #XXXXXX; }

      so if the theme has a slug of training, the rule would be:
      .conf_scheduler .session .workshop.theme_training { background-colour: #XXXXXX; }

    6. Add the following code – one rule for each theme you want to colour. Replace KEYWORDSLUG with the keyword slug you noted in step 1:
      .conf_scheduler .session .workshop.keyword_KEYWORDSLUG { background-colour: #XXXXXX; }
    7. Click Publish and enjoy your new colours!
Viewing 1 replies (of 1 total)
  • The topic ‘set workshop color by theme’ is closed to new replies.