Support

Home Forums Event Espresso Premium Change iCal icon?

Change iCal icon?

Posted: August 24, 2015 at 9:29 am

Viewing 3 reply threads


tony borden

August 24, 2015 at 9:29 am

http://olivetreecounseling.org/?espresso_events=children-understand-them-protect-them-celebrate-them

Is there a way to change the icon so that visitors will know what the button is rather than see just a little square? It is not intuitive.


Lorenzo Orlando Caum

  • Support Staff

August 24, 2015 at 1:09 pm

Hi there Tony,

You can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension).

This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your child theme’s stylesheet or via a plugin that adds an additional stylesheet to your WordPress site such as My Custom CSS or Reaktiv CSS Builder.

Try this CSS:

.espresso_events .ee-ical-sbmt {
	background:white;
	font-family : 'dashicons', sans-serif !important;
	font-size: 1.5em;
	border: none;
}

Then refresh the page to see the changes.


Lorenzo


tony borden

August 25, 2015 at 12:56 pm

This looks better, the calendar icon makes it more apparent what the button is for. Thanks!


Lorenzo Orlando Caum

  • Support Staff

August 25, 2015 at 2:51 pm

Thanks Tony! I’ll update this support post to resolved.


Lorenzo

Viewing 3 reply threads

The support post ‘Change iCal icon?’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso