Hi Denis,

You are welcome! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Enjoy the rest of your day!

Best regards,
Yigit

Hey Denis,

Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab

#top .avia-slideshow-inner {
  height: auto !important;
}

Best regards,
Yigit

Hey,

I attached it in the private content field.

You can go to LayerSlider > Import Project to import it.

Best regards,
Yigit

Hey Bruce,

Thanks for reaching out to us, but we are not interested.

Best regards,
Yigit

Hi,

Please edit the first column element and go to Row Settings > Row Layout, choose to display Equal Height, and set the Vertical Alignment to Middle: https://i.imgur.com/AsK8iEo.png

Best regards,
Yigit

Hi,

You are welcome!

Let us know if you have any other questions.

Best regards,
Yigit

Hi Tom,

You had the following code Quick CSS field

h2.tribe-events-single-section-title {
 color: #919191;
 font-size: 20px;
font-family: var(--tec-font-family-sans-serif);
}

CSS selector was weak so I changed it to the following one

#top h2.tribe-events-single-section-title {
 color: #919191;
 font-size: 20px;
font-family: var(--tec-font-family-sans-serif);
}

Also, you had the “Hiding the email address and divider in the organiser’s page:” and it was not wrapped inside comment tags. That breaks your CSS. If you’d like to add comments to your CSS, please do so as following

/* Hiding the email address and divider in the organiser's page: */

Please review your website.

Best regards,
Yigit

Hey Vladimir,

Fullwidth elements such as Color Section push the sidebar below them. If you’d like to display a sidebar, please use the 1/1 Column Element instead.

Let us know if you have any other questions.

Best regards,
Yigit

Hey TallMeerkat,

Thanks for the information.

Unfortunately, manual import didn’t work either.

Could you please contact your hosting provider and ask them to whitelist http://kriesi.at/ in case the firewall is blocking it?

Best regards,
Yigit

Hello Ed,

We’re glad that you like Enfold!

If you decide to switch to Enfold, you may need to recreate your content using Enfold’s drag and drop layout builder, the Advanced Layout Builder.

Unfortunately, we don’t provide such services but please feel free to hire a freelancer on Codeable.

Let us know if you have any other questions and enjoy the rest of your day.

Best regards,
Yigit

Hi,

1- I added the following code to the bottom of Quick CSS field

#top .tribe-events-event-meta .tribe-events-address .tribe-address {
  display: block;
}

2- I added following code to bottom of Functions.php file in Appearance > Editor to change the Single Event title to H4

/* Change single event title to h4 */
add_filter('avf_customize_heading_settings', 'single_event_title_h4');
function single_event_title_h4(){
	$args['heading'] = 'h4';
	return $args;
}

Since you set H4 tagged elements to use “Amati SC 40px #499f99”, this is now applied to your single event titles as well
Edit: Since you are not using a child theme, the codes added to the functions.php file will be removed when you update the theme. Please switch to a child theme and move (codes should be in either parent or child theme’s functions.php file, having in both at the same time will crash your site) your code from the functions.php file of the parent theme to the functions.php file of the child theme.

3- I added the following code to bottom of the Quick CSS field to change the color and font family of the event date

#top.single-tribe_events #wrap_all .all_colors .tribe-events-schedule h3 {
  color: #919191;
  font-family: var(--tec-font-family-sans-serif);
}

Please review your website and let us know if you have any other questions :)

Best regards,
Yigit

• This reply was modified 1 year, 9 months ago by Yigit.

Hi Tom,

I added the following code to the bottom of Quick CSS field

#top .tribe-events-content p, .tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul, #top .tribe-common .tribe-common-b2 {
  color: #919191;
 font-size: 16px; 
font-family: var(--tec-font-family-sans-serif);
}

This seems to fix the font size, color, and family issues. Please review your website and let me know if you still experience issues.

Best regards,
Yigit

Hi Martina,

I deactivated all plugins and then it worked. Then activated again and still correct, strange!

This sounds like a caching issue. If the issue reoccurs, please clear cache and check if that helps.

According to the GDPR, all buttons in the cookie banner must look the same, i.e. the same color & size. Where do I have to make changes here so that all are green and like a little smaller?

Please go to Enfold theme options > Advanced Styling and edit cookie consent elements: https://i.imgur.com/BIfv5rt.png

Best regards,
Yigit

Hey Tom,

I reported the issue to our developers. Issue should be fixed in upcoming version.

As a temporary solution, I added the following code to the bottom of the Quick CSS field in Enfold theme options > General Styling

/* Temporary CSS fix for TEC styling */
:root{
    --tec-color-text-events-title-day:var(--tec-color-text-events-title);
    --tec-color-text-events-title-latest-past:var(--tec-color-text-events-title);
    --tec-color-text-event-title-list:var(--tec-color-text-events-title);
    --tec-color-text-events-title-month-multiday:var(--tec-color-text-events-title);
    --tec-color-text-events-title-widget-list:var(--tec-color-text-events-title);
    --tec-color-text-secondary-event-date-month:var(--tec-color-text-secondary-event-date);
    --tec-color-text-secondary-event-date-month-mobile:var(--tec-color-text-secondary-event-date-month);
    --tec-color-text-day-of-week-month:var(--tec-color-text-secondary);
    --tec-color-day-marker-month:var(--tec-color-text-primary);
    --tec-color-day-marker-month-hover:var(--tec-color-text-primary-hover);
    --tec-color-day-marker-month-active:var(--tec-color-text-primary-active);
    --tec-color-day-marker-current-month:var(--tec-color-day-marker-month);
    --tec-color-day-marker-current-month-hover:var(--tec-color-day-marker-month-hover);
    --tec-color-day-marker-current-month-active:var(--tec-color-day-marker-month-active);
    --tec-color-day-marker-past-month:var(--tec-color-text-primary);
    --tec-color-day-marker-past-month-hover:var(--tec-color-day-marker-past-month);
    --tec-color-day-marker-past-month-active:var(--tec-color-day-marker-past-month);
    --tec-color-text-day-of-week-week:var(--tec-color-text-secondary);
    --tec-border-radius-month-multiday:9.5px;
    --tec-color-border-secondary-month-grid:var(--tec-color-border-secondary);
    --tec-color-border-active-month-grid-hover:var(--tec-color-border-active);
    --tec-color-background-month-grid:transparent;
    --tec-color-background-tooltip:var(--tec-color-background);
    --tec-color-text-events-bar-input:var(--tec-color-text-primary);
    --tec-color-text-events-bar-input-placeholder:var(--tec-color-text-secondary);
    --tec-opacity-events-bar-input-placeholder:var(--tec-opacity-default);
    --tec-color-border-events-bar:var(--tec-color-border-secondary);
    --tec-color-background-events-bar:var(--tec-color-background);
    --tec-color-background-view-selector:var(--tec-color-background-events-bar);
    --tec-color-background-view-selector-tabs:var(--tec-color-background-view-selector);
    --tec-color-background-view-selector-list-item-hover:var(--tec-color-background-secondary);
    --tec-color-background-subscribe-list-item-hover:var(--tec-color-background-secondary);
    --tec-color-text-view-selector-list-item:var(--tec-color-text-primary);
    --tec-color-text-view-selector-list-item-hover:var(--tec-color-accent-secondary-hover);
    --tec-color-background-search-container:var(--tec-color-background-events-bar);
    --tec-color-text-events-bar-submit-button:var(--tec-color-background);
    --tec-color-text-events-bar-submit-button-active:var(--tec-color-text-events-bar-submit-button);
    --tec-color-text-events-bar-submit-button-hover:var(--tec-color-text-events-bar-submit-button);
    --tec-color-background-events-bar-submit-button:var(--tec-color-button-primary);
    --tec-color-background-events-bar-submit-button-hover:var(--tec-color-button-primary-hover);
    --tec-color-background-events-bar-submit-button-active:var(--tec-color-button-primary-active);
    --tec-color-icon-events-bar:var(--tec-color-icon-primary);
    --tec-color-icon-events-bar-active:var(--tec-color-icon-active);
    --tec-color-icon-events-bar-hover:var(--tec-color-icon-hover)
}

You can remove in the version after 5.4.1

Edit: After checking your other thread, I realized we must hear back from our devs. As I mentioned in the other thread, TEC styling should inherit Enfold theme options.

Best regards,
Yigit

• This reply was modified 1 year, 9 months ago by Yigit.

Hey Sryde,

This looks like a z-index issue.

Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab

.cue-track-actions.cue-track-cell {
  z-index: 9;
}

Best regards,
Yigit