![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
February 11, 2020 at 9:00 pm #1183661
I’m running into some style issues with posted events. Specifically right now I’m just working through the issue with the single page view of an event. (There may be other issues as well.)
Here is a screen shot of the page looking terrible – https://pasteboard.co/IUdZ9Jv.jpg – This is Enfold 4.7.2
Here is a screen shot of the page looking correct – https://pasteboard.co/IUdZsXr.jpg – This is Enfold 4.6.3.1
I do not want to updated the current live site as i do not want to have it break.
I’ve seen a couple of threads mentioning this issue, but I can not figure out how to fix it.
Could this be related to the Google Maps? The site currently in development was looking fine, then I unchecked “Use Google Maps” and then it broke.
Thanks in advance,
SteveFebruary 13, 2020 at 9:37 pm #1184310Bump for someone to look at this please?
February 15, 2020 at 8:51 pm #1184833Bump again. Dozens of responses from support, but I’m curious as to why this request is being ignored?
February 15, 2020 at 9:50 pm #1184859Hi spidercreations,
Sorry for the late reply.
Please refrain from replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.
Please deactivate all plugins one by one to check which one is causing this issue and let us know if this solves the problem.
Best regards,
VictoriaFebruary 16, 2020 at 4:03 pm #1184980Already tried that. I’ve also removed the custom CSS that was added in the Quick CSS section of Enfold. Same issues.
All plugins except TEC and ECP are now currently deactivated, I’m leaving them deactivated until I hear back from you. (This is for the fatr.spi…. domain. The other site is live.)
Here is an example of the issue again – http://fatr.spidercreations.net/event/live-music-sweet-surrender-acoustic-duo/
SteveThe removed CSS is included here for reference:
/* GENERAL */ /* The following class will SHOW elements when width is below --px, more in functions.php [sjm 20180601]*/ @media only screen and (min-width: 671px) { .show-mobile { display: none; }} /* The following class will HIDE elements when width is below --px, more in functions.php [sjm 20180601]*/ @media only screen and (max-width: 670px) { .hide-mobile { display: none; }} /* the following will just hide an element that is on a page. This is good for seasonal stuff. */ .hide { display: none !important; } /* HEADER */ .header_color .header_bg{background-color: rgba(255,255,255,.7);} #top .av_header_glassy.av_header_transparency #header_main { background-color: rgba(255,255,255,0.7); } /* This moves the logo over to the LEFT, when selecting Logo & Menu Centered in the settings */ .html_header_top.html_logo_center .logo { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } /* Placement of the two widget added in header [sjm 20180712]*/ div#text-2 { left: 50%; padding-top: 0; position: absolute; top: 18px; z-index: 999; } div#text-3 { right: 7%; float: right; padding-top: 0; position: absolute; top: 24px; z-index: 998; } /* MAIN NAVIGATION MENU */ /* Let's change the small highlight line under main menu to the light bronze color */ .avia-menu-fx { background: #db8a58 !important; } .html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu { border-top-color: #ac2e28 !important; } /* SLIDER ADJUSTMENTS FOR HOME PAGE */ /* Let's remove the white space under the home page slider */ #revolutionslider_1 { min-height: 0px !important; } /* CONTENT, BLOG POSTS, AND PAGES */ /* Underline links in the content */ .avia_textblock a { text-decoration: underline; } /* Let's remove the image at the top of every blog post. We're removing the image for BOTH Enfold options [sjm 20180530]*/ .small-preview{ display: none !important; } .post-entry .big-preview{ display: none !important; } /*Change the default blog post from centered and full justify to left justify, filling 90% of page width [sjm 20180530]*/ #top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 90%; text-align:left;} /* Let's add the underlink for links on page and post content */ .entry-content a { text-decoration: underline !important; } /* In the slider on the home page, this reduces the font size for the headline */ .wprpsp-recent-post-carousel h2.wprpsp-post-title a, .wprpsp-recent-post-slider h2.wprpsp-post-title a, .wprpsp-gridbox-slider h2.wprpsp-post-title a { font-size: 18px !important; } /* FOOTER WIDGETS */ .widget ul li a { font-size: 16px !important; line-height: 1.0; } /* SPECIAL ELEMENTS - CLASSES for HIGHLIGHTS */ .highlight1 { background-color:rgba(255,255,0,0.3); } /* Font size for the buttons - Large */ .avia-button { font-size: 18px !important; } /* Notification box change from uppercase to normal */ .avia_message_box_content { font-size: 18px; text-transform: none; } /* Edit the tabs on the left Trail Report page */ .js_active .tab { padding: 50px 16px; font-size: 1.8em; } /* Let's make the image a square on the events carousel and the event page itself. Actually, this code just makes it fit. */ #ect-carousel-wrapper .ect-carousel-image { background: #fff !important; } .ect-carousel-image img { object-fit: contain !important; } /* Solve the issue with the home page slider layover [20190128 sim] */ .html_header_transparency #top .avia-builder-el-0.avia-layerslider { height: auto !important; }
February 16, 2020 at 6:53 pm #1184995I am having a similar issue. The single-page layout has no styling to it and I cannot find where to fix it.
February 17, 2020 at 3:02 pm #1185235For my issue, it was still broken when running Enfold 4.7.3 and The Events Calendar (TEC) and TEC Pro 5.0.1. (A suggestion in another similar thread suggested updating to 5.0.1.)
The solution I found was to go to Events > Settings > Display (tab) and then uncheck “Use updated calendar designs.”
Note I do not think this is the default setting for TEC (with that option unchecked.)
February 19, 2020 at 9:09 am #1185942Hi,
@spidercreations: The issue is that the modified version of the default-template.php file in the theme is being ignored causing the layout of the single event page to break. This only happens when the Use updated calendar designs option is enabled. We’ll get back to you once we’ve found what’s causing it.Related thread: https://theeventscalendar.com/support/forums/topic/changes-to-default-template-php-not-showing-up/
Best regards,
IsmaelFebruary 19, 2020 at 5:42 pm #1186125Disabling the “Use updated calendar designs” also corrected the single event display on my site. I will stand by for more information on a permanent fix.
February 21, 2020 at 7:09 am #1186624Hi,
Thank you for the confirmation.
If you have a child theme, create a new directory called tribe/events/v2, copy the config-events-calendar > views > default-template.php file, then place it inside the new directory or the v2 folder. The layout will display just fine even if the new calendar designs are enabled.
Best regards,
IsmaelFebruary 25, 2020 at 1:55 pm #1187688Hi Ismael,
As you sugested, I created the dir structure (tribe/events/v2 ) in my child theme. Where exactly can I find the file to be copied? Because I can’t find the dir: “config-events-calendar” as you mentioned.
The only default-template file I can find is located here: wp-content/plugins/the-events-calendar/src/views/default-template.php
And where do I place that copy? You write: then place it inside the new directory or the v2 folder
Best regards,
Steven
February 27, 2020 at 10:04 am #1188354Hi,
The modified version of the default-template.php file is located in the enfold > config-events-calendar > views folder — in the parent theme. You have to create a copy of the template file and place it inside the tribe > events > v2 folder inside the child theme directory.
Best regards,
IsmaelFebruary 27, 2020 at 4:25 pm #1188512Hi,
Thanks, that worked! Although I hardly see any difference between the Use updated calendar designs box checked/un-checked. What I try to achieve is this look : https://demo.theeventscalendar.com/event/yoga-at-the-park-3/2020-02-14/ (image top and content below)
Could you point me in the right direction?I take it that I have to copy the single-event.php (I’m using the classic editor) file to a certain directory in my child theme
Best regards,
Steven
February 28, 2020 at 6:43 am #1188755Hi,
Thank you for the update.
Yes, you have to copy the default single-event.php file from the plugin. We don’t really recommend reverting to the default style or layout because it might not work well with the theme, but you can definitely proceed if you wish.
Best regards,
IsmaelFebruary 28, 2020 at 12:33 pm #1188813Hi,
What I did was:
1. Followed your instructions in regards to the default-template.php
2. Copied wp-content/plugins/the-events-calendar/src/views/single-event.php to enfold child/tribe-eventsNothing changes when modifying that file.
So what I just did is:
1. Followed your instructions in regards to the default-template.php
2. Followed the instructions as suggested by Nikko in this postNow I can modify the single-event.php. So far so good :)
Best regards,
Steven
March 2, 2020 at 4:20 am #1189306Hi,
Nothing changes when modifying that file.
Yes, that’s correct. The theme has a function that registers its own template for use in the single event page. You can actually disable it and revert to the default template behavior by using this snippet in the functions.php file.
remove_action('tribe_events_template', 'avia_events_tempalte_paths', 10, 2);
This will allow you to override the single-events.php file in the child/tribe-events directory.
Best regards,
IsmaelMarch 2, 2020 at 4:27 pm #1189474Hi,
Just to make sure.
So place the single-events.php in child/tribe-events, replace
`
define( ‘AVIA_CHILD_BASE’, get_stylesheet_directory() .’/’ );
define( ‘AVIA_CHILD_EVENT_PATH’, AVIA_CHILD_BASE . ‘config-events-calendar/’ );add_action(‘tribe_events_template’, ‘avia_events_tempalte_paths’, 10, 2);
function avia_events_tempalte_paths($file, $template)
{
$redirect = array(‘default-template.php’ , ‘single-event.php’ , ‘pro/map.php’ );if(in_array($template, $redirect))
{
$file = AVIA_CHILD_EVENT_PATH . “views/” . $template;if( class_exists( ‘Tribe__Tickets_Plus__Main’ ) )
{
if( ‘single-event.php’ == $template )
{
$file = AVIA_CHILD_EVENT_PATH . ‘views/single-event-no-mobile.php’;
}
}
}return $file;
}With yours
remove_action(‘tribe_events_template’, ‘avia_events_tempalte_paths’, 10, 2);
`Best regards,
Steven
March 4, 2020 at 9:01 am #1189955Hi,
Yes, that’s what you have to do. You can also wrap the remove_action inside a after_setup_theme hook just to be sure that it actually removes the action from the theme.
Thank you for your patience.
Best regards,
IsmaelMarch 5, 2020 at 1:11 pm #1190417Hi,
Sorry to bother you again … That didn’t allow me to modify the single-event.php. I gues the last thing I have to do is
wrap the remove_action inside a after_setup_theme hook
Could you tell me how and where?
Best regards,
Steven
March 6, 2020 at 8:28 am #1190781Hi,
You can use this code to run the remove_action after the whole theme is loaded.
add_action('after_setup_theme', function() { remove_action('tribe_events_template', 'avia_events_tempalte_paths', 10, 2); });
If it didn’t work, you can revert back to the previous solution.
Best regards,
IsmaelSeptember 29, 2020 at 8:19 pm #1249487I was having some similar issues. The solution being more simple than I thought in my case.
Make sure under EVENTS > TICKETS that PAGES is selected: https://nimb.ws/XJYzI2-
This reply was modified 3 years, 11 months ago by
Justin.
October 2, 2020 at 4:42 am #1249964 -
This reply was modified 3 years, 11 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.