|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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.
|
