|
Emma Hartsfield
|
September 22, 2016 at 3:19 pm
Hi There,
I am using this shortcode:
[ESPRESSO_VENUE_EVENTS id=1 show_additional_details=”false”]
on this page:
https://icmhq.com/training/cmii-hotelinformation/
The add to cart button appears to be constrained and is forcing the “cart” to be moved out of the box.
I have attempted to modify the css to correct this with no luck.
How can I modify the way these events are displayed? Even if I could just get a simple list like this (https://icmhq.com/training/public-cmii-course-registration/) that is only pulling events from one venue, that would be great.
Thank you,
Emma
|
|
Tony
|
September 23, 2016 at 5:51 am
Hi Emma,
I can’t see any issue with your Add to Cart links – http://take.ms/twCq1
Have you already fixed this?
If not which browser are you using? Can you add a screenshot that shows what is happening?
https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots
|
|
Emma Hartsfield
|
September 23, 2016 at 7:55 am
Hi Tony,
I am using Chrome and Safari on a Mac. https://icmhq.com/wp-content/uploads/2016/09/Screen-Shot-2016-09-23-at-7.52.05-AM.png
Why do the Registration button and the add to cart have different CSS?
Thanks,
Emma
|
|
Josh
|
September 23, 2016 at 12:53 pm
They are two different things, that’s why.
You can add the following CSS to your custom stylesheet, and that will make the add to cart button appear on its own line and look a lot more like the registration button:
.ee_view_cart {
border: 1px solid #999;
background: #dadada 50% 50% repeat-x;
color: #212121;
border-radius: 4px;
font-weight:bold;
display:block;
width: 120px;
text-align: center;
margin-top:10px;
}
|
|
Emma Hartsfield
|
September 23, 2016 at 1:24 pm
I added the CSS and the “add to cart” is just a link now, not a button. I wonder why it appears this way, even though the CSS has a border and background.
Thanks,
Emma
|
|
Josh
|
September 23, 2016 at 1:36 pm
May I ask which file you added the CSS to? Are you sure that file is loading on your WordPress pages?
|
|
Emma Hartsfield
|
September 23, 2016 at 1:39 pm
It’s the theme’s file sheet. I have made other modifications to it that have displayed as expected. http://icmhq.com/wp-content/themes/nextfly/style.css
|
|
Josh
|
September 23, 2016 at 2:11 pm
Yeah it looks like there’s some aggressive caching happening on your site. When I view the source of
https://icmhq.com/wp-content/themes/nextfly/style.css?ver=4.6.1
I don’t see your changes.
|
|
Emma Hartsfield
|
September 23, 2016 at 2:29 pm
Oh yes, we just set up a new Firewall. I figured out how to clear the cache and now it is looking better. I’m not sure if having it go to a new line is a good thing though. Can this be changed by changing the width?
Also, how do I make the register button look the same?
|
|
Josh
|
September 23, 2016 at 3:06 pm
Moving it to the new line avoids the issue you reported where the “add to cart button appears to be constrained and is forcing the “cart” to be moved out of the box”.
You can keep those on the same line by removing the
display:block;
style rule.
You can target the registration button with the
.a_register_link selector.
|
