|
Jerry Yoffa
|
August 19, 2014 at 8:45 am
Wordpress, EE3 and Calendar are all current versions. URL is http://www.nex21publications.com/ipaint.
In Calendar Settings, Advance Settings, Formatting I changed the values in the Button Text as follows:
Previous: Last Month
Next: Next Month
Today: Current Month
The Current Month button displays correctly, but the previous and next buttons are both still arrows. This is the last thing I need to do to finish this job. Please help!
|
|
Sidney Harrell
|
August 19, 2014 at 12:55 pm
It’s caused by Themeroller being active in the EE Template Settings page. If you would like to disable it on the calendar page, but leave themeroller active on the rest of the site, you can delete line 397 from plugins/espresso-calendar/espresso-calendar.php:
$ee_calendar_js_options['theme'] = ! empty( $org_options['style_settings']['enable_default_style'] ) && $org_options['style_settings']['enable_default_style'] == 'Y' ? TRUE : FALSE;
|
|
Jerry Yoffa
|
August 20, 2014 at 11:59 am
I turned Themeroller off just to see what would happen. It’s not that bad. What is the quick and easy way to customize the button colors, the font size of the Month Title and make the grid outline darker? I have read some of the documentation on this and I am a little intimidated. I appreciate any help you can provide!
Liz
|
|
Lorenzo Orlando Caum
|
August 20, 2014 at 12:37 pm
Hi,
You can inspect any page on your site using a tool like Firebug or Chrome Developer Tools to see the CSS that is in use. Then you can add new CSS to your child theme’s stylesheet or a plugin like My Custom CSS or Reaktiv CSS builder to override the styles.
Here is an example that will make the calendar headings darker:
#espresso_calendar .fc-day-header {
padding: 5px 0;
font-weight: bolder;
}
This CSS will make the grey lines darker:
.ui-widget-content { border: 1px solid #bbb; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
#espresso_calendar table.fc-border-separate td {
border-top: 1px solid #bbb !important;
}
—
Lorenzo
|
|
Jerry Yoffa
|
August 20, 2014 at 12:45 pm
Thanks Lorenzo, I’ll give it a shot!
|
|
Lorenzo Orlando Caum
|
August 20, 2014 at 12:51 pm
Hi,
Be sure to also force refresh so that you browser loads the new CSS changes:
http://en.support.wordpress.com/browser-issues/#force-refresh
—
Lorenzo
|
|
Jerry Yoffa
|
August 20, 2014 at 4:12 pm
Yes, I learned the refresh trick the hard way! I have a few hang-ups, I cannot seem to isolate the right CSS class or id to make the entire tooltip background white or to make the fc-today and fc-month backgrounds transparent. I also want to customize the text and border of the tool tip Register button. I really appreciate your help.
Liz
|
|
Dean
|
August 21, 2014 at 4:01 am
Hi,
For the background, this should work:
.qtip .ui-widget-content {
background: #fff;
}
If you want to make all those button transparent you can use:
span.fc-button {
background: transparent;
}
This controls the tooltip register now text and the border:
a.ui-state-active.reg-now-btn {}
|
|
Jerry Yoffa
|
August 21, 2014 at 5:46 am
Right now I have been working with the Themeroller turned off, but I need the formatting it provides for the registration page and other elements. If I modify the espresso-calendar.php file as suggested above, what happens when there is an update? “you can delete line 397 from plugins/espresso-calendar/espresso-calendar.php”. Again, I greatly appreciate your help!
|
|
Dean
|
August 21, 2014 at 6:49 am
Hi,
Anything deleted from a core file such as espresso-calendar/espresso-calendar.php will be added back on update.
CSS will not be affected if added to the themes style.css (until the theme is updated), a child themes style.css or a plugin such as My Custom CSS (very useful plugin).
|
