Support

Home Forums Event Espresso Premium Single Event Page (Layout – full width)

Single Event Page (Layout – full width)

Posted: January 31, 2024 at 1:29 am

Viewing 14 reply threads


Ashi stlouis

January 31, 2024 at 1:29 am

We would like to improve the single event page layout for all of our events. The first step is to make the pages full-width and then to create a custom template. Currently the single event page layout does not display as full width. We are using Pro Theme. After reading several forum threads I used the theme customizer to add this code to the CSS.

/* Single Event */
.single-espresso_events #sidebar {
display: none;
}
.single-espresso_events #content {
width: 100%;
}

However, it doesn’t change the layout appearance of the page to full width. The specific event page I am working on is https://stlashi.org/events/inspection-world-on-the-road-st-louis/

Any help/guidance would be appreciated.


Sam

  • Support Staff

January 31, 2024 at 3:24 am

Hi

Currently, I can’t access the page due to the security plugin:
http://tinyurl.com/2x8bs7bf

Can you please disable that temporarily so that I can check that for you?

Looking forward to helping you.


Ashi stlouis

January 31, 2024 at 8:59 am

This reply has been marked as private.


Sam

  • Support Staff

January 31, 2024 at 9:51 am

This reply has been marked as private.


Ashi stlouis

January 31, 2024 at 10:44 am

This reply has been marked as private.


Sam

  • Support Staff

January 31, 2024 at 10:52 am

You can add this CSS to your Additional CSS (Dashboard > Customize > Additional CSS) to adjust the width of the single event page:

.single-espresso_events .x-main.left {
    width: 100%;
}
.single-espresso_events aside.x-sidebar.right {
    display: none;
}

Hope that helps.


Ashi stlouis

January 31, 2024 at 4:04 pm

I added the CSS. Then I cleared cookies and cached images. The page still does not display as full width.


Rio

  • Support Staff

January 31, 2024 at 5:13 pm

I did check it on my end, but my IP is blocked. Full width is depending on your theme setting or if you did create a custom pages.

What is your theme? you can check in the documentation if they have full width option.

If not, you will be needing to create one.
https://www.wpbeginner.com/wp-themes/how-to-create-a-full-width-page-in-wordpress/

this is related thread
https://eventespresso.com/topic/full-width-page-template/

thanks


Ashi stlouis

January 31, 2024 at 5:23 pm

I use Pro Theme. Since the single event page is generated by PHP there isn’t an actual single event page, I can see that I can format for full width.


Ashi stlouis

January 31, 2024 at 5:24 pm

This reply has been marked as private.


Rio

  • Support Staff

January 31, 2024 at 6:40 pm

This reply has been marked as private.


Ashi stlouis

January 31, 2024 at 7:05 pm

This reply has been marked as private.


Rio

  • Support Staff

January 31, 2024 at 7:11 pm

This reply has been marked as private.


Ashi stlouis

January 31, 2024 at 7:29 pm

On the events table if you click on the ink for this event it will take you to the event page that I need full width.

Inspection World on the Road – St. Louis
Machinists Hall
September 20, 2024 7:30 am
Register

the URL is https://stlashi.org/events/inspection-world-on-the-road-st-louis/


Rio

  • Support Staff

January 31, 2024 at 8:37 pm

Did reply on the other thread, but will just paste it here again.

You already made a template in your site, you can use this template, the same as the template you used for your other page.
​https://monosnap.com/file/J3WkqFZJCwi4Wxvd52xNgBJUvhsy6q

​made changes here.
​https://stlashi.org/events/inspection-world-on-the-road-st-louis/


​thanks


Ashi stlouis

January 31, 2024 at 8:40 pm

Can you tell me what you did so I know how to fix it in the future on other event pages?

An thank you for your assistance.


Ashi stlouis

January 31, 2024 at 8:42 pm

Got it I just saw the screenshot.

Thank you for the assistance.

Viewing 14 reply threads

The support post ‘Single Event Page (Layout – full width)’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso