Support

Home Forums Event Espresso Premium Change iCal icon?

Change iCal icon?

Posted: August 24, 2015 at 9:29 am


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

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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Lorenzo Orlando Caum 4 years, 3 months ago ago

Topic Tags

Tagged: ,

Notifications

This topic is: resolved
Do NOT follow this link or you will be banned from the site!