Thanks Rikard,

It didn’t work on my screen size. But, I added an extra word to the top button and that solved the problem.

For some reason, if the more info button could sit on the top line, it would ignore the white space. I am not sure why. But, by filling the top line with text, the More Info button responds to the whitespace.

Make sense? Anyway, our problem is solved, but you may have to look at the whitespace issue for future updates.

Cheers

Thanks. You are all set.

Thank you Nikko

I think the easiest is to present the custom footer on the homepage. Here is the current page we are using.

Thanks

Perfect. I was thinking to clone the element and have this code apply for desktop browsers and a display on mobile without the code. I tried to add a class called browser-pricing, but it stopped the display you created. Here is what I used. Can you tell me what I need to do to avoid the display:list item from displaying for the mobile element?

#top .pricing-table li.empty-table-cell .browser-pricing {
    display: list-item;
}

Cheers

Thanks Ismael

The plugin author provided a do_shortcode function, but that didn’t fix it.

Can you tell me more about the filter you are suggesting? I would like to share that idea with them, but don’t know how to express it. I appreciate your help.

Hi Ismael

I linked you to an event with the shortcode. It is inserted with the Advanced Custom Field plugin, then sent into the appropriate field for the Events Manager. I use this system with another theme, so I know it works. You may have to manually move the shortcode down to the events manager fields in the lower portion due to a coding issue I am working on with the field names.

Also, any other content called (such as an image) does work, but provides less flexibility for our finished backend. We have a lot of text edits to make on the buttons.

Cheers

Thanks Rikard

https://meditation-dc.org/class-registration-benefactors-only/

Not sure what happened above, but you can see it on the linked page.

• This reply was modified 3 years, 9 months ago by KMC DC.

That’s it! Thank you so much. :)

Thanks Jordan

That does work, but it also removes the image from the post. I am trying to just have the post image (which is calling the featured image).

Any further suggestions?

Cheers

Thanks for clarifying that Rikard

Sure thing Rikard

Thanks @Yigit

That does work for full size desktop browsers. If I resize the browser or use a mobile device, then the color section still maintains a full-width appearance.

Is there a way to include within the css a few lines that handle responsiveness?

Cheers!

Hi Victoria

Here is a mockup. The bottom picture is what I am aiming for.

Thank you

• This reply was modified 4 years ago by KMC DC.

Thanks Rikard