I have embedded several WA widgets in my WordPress website for a client. I've used the CSS suggested to redce the size of the widget, but I want to make the content fit my webpage. I've attached a screenshot of one instance at http://www.shrmwaco.com/meetings-and-events/upcoming-hotshrm-events/ . Can you help? Thank you so much!
Andrew Steele commented
I'm assuming you want to fix the horizontal scroll issue? Wild Apricot uses iFrames to embed content on other websites. Think of it as a window on your website that you look through to see a different website - in this case, a Wild Apricot page. Because the Wild Apricot page is wider than your window, you end up with a horizontal scroll bar. You would need to use CSS within Wild Apricot to change the width of the actual content, such that it never expands past your desired width for your website. The Wild Apricot support team may be able to assist you in coming up with the custom CSS (i.e. which selector(s) to target) to reduce the width of the event display area. You will likely always have a vertical scroll bar, since the height of the content varies from event to event. You could make the iFrame very tall, but then you may have a lot of white space on events that are shorter. I hope this helps!