• Resolved gcwp

    (@gcwp)


    Hello

    How do I use css in child theme to change the color of the “View as” text? I cannot target the label so far …

    Cheers

    Geoff

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi @gcwp (and nice name!),

    You can add a stylesheet to a child theme by:

    • Adding a new folder to the child theme called tribe-events
    • Adding a file in there called tribe-events.css

    Once that file has been added, you can start adding rules in there to override the ones provided in the plugins’ default stylesheets. We also have a handy guide for helping locate the CSS classnames in the calendar:

    https://theeventscalendar.com/knowledgebase/using-google-chrome-developer-tools/

    Cheers!
    Geoff

    Thread Starter gcwp

    (@gcwp)

    Geoff

    Thanks for the link!

    Is there an advantage to adding the Events Calendar css to the tribe-events.css file in the theme/tribal-events folder rather than in the child theme style.css file?

    Cheers

    Geoff

    Hi Geoff,

    Great question! We typically recommend using the tribe-events folder for CSS changes or template modifications to keep all plugin-specific modifications contained in one location. That way, your changes can remain easily accessible even if you make major theme adjustments or change themes entirely. Of course, you’re ultimately free to apply these adjustments wherever you see fit! ??

    I hope that helps! Thanks, and let us know if you should have any other questions!

    Best,
    Caroline

    Thread Starter gcwp

    (@gcwp)

    Thanks for your reply Caroline.

    But if I changeto a new theme I would still have to move the tribe-events.css file to a tribe-events folder in the new child theme …?

    Cheers

    Geoff

    Hi Geoff,

    You’ll find these CSS files in the plugin folder, and they’ll be unaffected by your theme, other than any conflicts. In “The Events Calendar” plugin folder, you’ll need to go to src > resources > css to find the plugin’s CSS files.

    You could also make CSS changes using a custom CSS plugin.

    Let us know if you have any further questions!

    Best,

    Shelby

    Thread Starter gcwp

    (@gcwp)

    Thanks Shelby!

    Cheers

    Geoff

    Thread Starter gcwp

    (@gcwp)

    Shelby

    I have taken a look at the css files but cannot see how to decide which elements need to have their colors changed so that they show up when using the “dark” option in the color scheme for the twenty seventeen theme.

    Any thoughts on this?!

    Cheers

    Geoff

    Hey again Geoff,

    Thanks for posting, glad like our plugin, & I’m happy to help.:)

    This kind of request would require some customization. We have some resources for doing that here. If you need to find someone to help with the customizations, we also have some tips for finding help here.

    Hope this helps!

    Thanks,

    Shelby

    Hi there,

    Looks like it’s been a few weeks or more since we’ve seen activity on this thread! I’m going to go ahead and mark this resolved, but should you still need assistance, please don’t hesitate to open a new thread!

    You may also find the following documentation helpful to search in the future:

    TEC Knowledgebase
    TEC Technical Documentation

    Cheers,

    Shelby ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘how change color “View as” ?’ is closed to new replies.