Adding Border/Background Colour To Entire Event

  • Resolved Syrehn

    (@syrehn)


    7 years, 11 months ago

    I’m wanting to customize TECCC for my list view. Currently, TECCC adds colours/borders to the TEC event title.

    I’d love to be able to get this so that it adds the border/backgroundcolour around the entire event. I’m assuming this is probably done via a template override with TECCC correct?

    I took a peek at the category.css.php file but I’m not sure if this is where I need to make my change. Any tips on this would be appreciated.

    Essentially, I’m trying to get something similar to this:

    TECCC – Full Event Border

    • This topic was modified 7 years, 11 months ago by Syrehn.
    • This topic was modified 7 years, 11 months ago by Syrehn.
Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Andy Fragen

    (@afragen)

    Hey Amber,

    You are correct. You would have to create a template override for category.css.php to change this.

    You would have to find a selector that targets only the border of the whole event and style that with the category’s border color.

    Good luck and I hope it looks as cool as in your example.

    Andy

    Thread Starter Syrehn

    (@syrehn)

    Hey Andy,

    The template files don’t appear to be overriding. Currently I have them in “my-child-theme/tribe-events/teccc/category.css.php”

    Is this the correct structure?

    I started with something simple such as changing “border-left:5px” to 8px and it doesn’t honour that change.

    Plugin Author Andy Fragen

    (@afragen)

    It appears your structure is correct. https://github.com/afragen/the-events-calendar-category-colors/wiki/Setting-up-template-overrides

    Can you post your override to a gist or somewhere I can see it?

    Thread Starter Syrehn

    (@syrehn)

    Hey Andy,

    Sure. Here’s a link to the current setup of my child theme files.

    Plugin Author Andy Fragen

    (@afragen)

    Hey Amber, any way to put this up on GitHub or Bitbucket? It would make it easier.

    Thread Starter Syrehn

    (@syrehn)

    Hey Andy,

    I don’t think I’ve ever used either of those tools before so that was a new experience. Hopefully this is what you’re looking for:

    https://github.com/amber-c/CC-CHILD-THEME

    Plugin Author Andy Fragen

    (@afragen)

    That’s perfect Amber. Let me play a bit.

    Plugin Author Andy Fragen

    (@afragen)

    I submitted a pull request that I think should work for you.

    Thread Starter Syrehn

    (@syrehn)

    Perfect thanks so much. ??

    That little gem in your commit about adding the ?refresh_css at the end of the events URL was golden. No matter how many times I cleared my browser cache cleared nothing I tried was changing anything so I assumed I was doing something wrong.

    I didn’t see that in the wiki, unless I missed it. Might be worth adding if it isn’t there already.

    I’ll mark this as resolved.

    Plugin Author Andy Fragen

    (@afragen)

    I’m glad that’s working out for you. GitHub is really great for code collaboration.

    I added to the wiki, but if you look at the description in wp.org it’s there. ??

    Please feel free to leave a review and rate the plugin.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Adding Border/Background Colour To Entire Event’ is closed to new replies.