• Resolved melanie71

    (@melanie71)


    Hello! Great plugin πŸ™‚

    I’m wondering if it’s possible to change the color and size of the fonts for the events? Perhaps with Custom CSS?

    Thank you
    Melanie

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Jan Pencik

    (@janpencik)

    Hi Melanie,

    Thank you! πŸ™‚

    Yes, a custom CSS would be a way to do that. Check this article in our documentation for all possible CSS selectors.

    For example, if you want to style the event description the same way as the other body text on your website, the custom CSS would be like this:

    .event-feed-for-eventbrite-app-id-3481 .eventbrite-feed .eventbrite-item-description {
        font-size: 16px;
        color: #515151;
    }

    With the help of developer tools in your browser (for getting the correct CSS selector for the element you want to customize), you can style all the aspects of the event feed. Still, it can be a bit challenging if you are not a developer.

    If you are unsure how to use developer tools, I recommend asking a web developer to help you with this. For him, it should be an easy task.

    Let me know if you need any more help with this πŸ™‚

    • This reply was modified 2 years ago by Jan Pencik. Reason: code edit
    Thread Starter melanie71

    (@melanie71)

    Thank you Jan!

    That is most helpful. I have managed to change all the different content sections, however can’t get the buttons to change. Any ideas what I’m doing wrong?

    .event-feed-for-eventbrite-app-id-3481 .eventbrite-feed .eventbrite-item-buttons {
      font-size: 14px !important;
    	letter-spacing: 0.7px !important;
    	border-radius: 2px !important;
    	text-transform: uppercase !important;
    	padding: 14px 30px 14px 30px !important;
    }

    Also wondering if it’s possible to adjust the date format? My WordPress settings are set to day-month-year, however the Eventbrite feed is displaying month-day-year. I can’t see any settings to adjust this in either Eventbrite or your plugin.

    Thank you
    Melanie

    Plugin Contributor Jan Pencik

    (@janpencik)

    Hi Melanie,

    great job! With the button, you were almost there. Just target the button element that is descendant to your selector. So the code will be:

    .event-feed-for-eventbrite-app-id-3481 .eventbrite-feed .eventbrite-item-buttons button {
        font-size: 14px !important;
        letter-spacing: 0.7px !important;
        border-radius: 2px !important;
        text-transform: uppercase !important;
        padding: 14px 30px 14px 30px !important;
    }

    Or if you want to style Buy button and View details button differently, replace the button selector with either .eventbrite-item-checkout or .eventbrite-item-details class.

    Thread Starter melanie71

    (@melanie71)

    Fantastic! Thanks Jan.

    Any ideas about the date formatting issue I mentioned above?

    Regards
    Melanie

    Plugin Contributor Jan Pencik

    (@janpencik)

    Hi Melanie,

    the plugin has its own settings for date formatting. You can find it in Eventbrite Events β†’ Settings and then click on the Date & address tab on top.

    You can also find more information about this in our documentation.

    Best Regards
    Jan

    Thread Starter melanie71

    (@melanie71)

    Thank you! Not sure how I missed that one …

    Regards
    Melanie

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Styling the plugin’ is closed to new replies.