Support

January 14, 2016 at 6:02 pm

Hello,

The child theme that was setup made changes to specific styles to the parent theme through new CSS styling. If the theme author makes a change to something that the existing CSS was previously targeting, then that change would no longer work.

I see that the font family that is set is now Raleway which isn’t something that we added.

The following CSS will override the font style:

.espresso_events input[type=submit] { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; }

If you would prefer the times new roman style instead, then please use this:

.espresso_events input[type=submit] { font-family: 'Palatino Linotype'; }

—
Lorenzo

January 15, 2016 at 8:30 am

Hello,

That can be added to the Custom CSS area.

Related events is not from Event Espresso and is coming from JetPack. Try turning that option off through JetPack settings.

—
Lorenzo

January 18, 2016 at 7:52 am

Hi,

Which font family are you trying to use for the button to replace the existing Raleway font? Is it Arial or Palatino Linotype (looks like Times New Roman)?

—
Lorenzo

January 19, 2016 at 6:30 am

Could you provide a screenshot of the font that you are trying to match?

https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots

Thanks

—
Lorenzo

January 19, 2016 at 10:23 am

Hi, this CSS should take care of the button styling:

.espresso_events .ticket-selector-submit-btn.ticket-selector-submit-ajax {
background: #008080;
color: #FFFFFF !important;
padding: 10px;
border: none;
font-weight: bolder;
font-size: medium;
font-family: Arial, Helvetica, sans-serif;
}

http://cl.ly/3h2F2S0J3f1m

Add it to my custom CSS and save changes.

—
Lorenzo

January 19, 2016 at 2:14 pm

Alright, I edited the my custom CSS file locally in my web browser and this should fix the styling so it matches all the buttons with the same font and color:

.espresso_events input[type=submit], .espresso_events .ticket-selector-submit-btn  {
    background: #008080;
    color: #FFFFFF !important;
    padding: 10px;
    border: none;
    font-weight: normal;
    font-style: normal;
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
}

Here is how it appears:

http://cl.ly/242n0L202E1O

Please replace the most recent entry in My Custom CSS with the one above.

—
Lorenzo

January 20, 2016 at 11:08 am

Okay, two more changes.

Replace the CSS entry at the end of the My Custom CSS area with this:

.espresso_events input[type=submit], .espresso_events .ticket-selector-submit-btn {
    background-color: #008080;
    color: #FFFFFF !important;
    padding: 10px;
    border: none;
    text-shadow: none;
    box-shadow: none;
    font-weight: normal;
    font-style: normal;
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
}

Next, there is another entry further up the My Custom CSS area that handles the buttons for the multiple event registration add-on (e.g. shopping cart buttons).

It starts with this:

a.cart-results-go-back-button.cart-results-button.button.close-modal-js,
a.cart-results-register-button.cart-results-button.button, a.cart-results-view-cart-lnk.view-cart-lnk.cart-results-button.button,
a.mini-cart-view-cart-lnk.view-cart-lnk.mini-cart-button.hide-me-after-successful-payment-js.button,
a.mini-cart-register-button.mini-cart-button.button, a.event-cart-button.button,
a.cart-results-go-back-button.cart-results-button.button, .button.button-primary.ee-promo-combo-submit

Replace that entire entry with this updated CSS:

a.cart-results-go-back-button.cart-results-button.button.close-modal-js,
a.cart-results-register-button.cart-results-button.button, a.cart-results-view-cart-lnk.view-cart-lnk.cart-results-button.button,
a.mini-cart-view-cart-lnk.view-cart-lnk.mini-cart-button.hide-me-after-successful-payment-js.button,
a.mini-cart-register-button.mini-cart-button.button, a.event-cart-button.button,
a.cart-results-go-back-button.cart-results-button.button, .button.button-primary.ee-promo-combo-submit {
    background-color: #008080;
    color: #FFFFFF !important;
    padding: 10px;
    border: none;
    text-shadow: none;
    box-shadow: none;
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
}

Those changes should remove the drop shadow on hover.

—
Lorenzo

January 20, 2016 at 12:54 pm

That is correct on the second style. It introduces a style to drop the shadow on the button that your parent theme is introducing.

What page can I see the remaining issue with the button?

Thanks

—
Lorenzo

January 20, 2016 at 4:34 pm

Replace the last entry in My Custom CSS with this:

.espresso_events input[type=submit].ticket-selector-submit-btn, input[type=submit].spco-next-step-btn {
    background-color: #008080;
    color: #FFFFFF !important;
    padding: 10px;
    border: none;
    text-shadow: none;
    box-shadow: none;
    font-weight: normal;
    font-style: normal;
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
}

—
Lorenzo