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 2 years, 4 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 2 years, 4 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

Hey Stretchspot,

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

#top #header .avia_mega_div .sub-menu .avia_mega_text_block a {
  text-decoration: none;
}

Best regards,
Yigit

Hey Martina,

As you can see, assets are not loaded on your website’s mobile representation but load correctly on mobile devices.

Please deactivate all active plugins, test once again, and check if that helps.

Best regards,
Yigit

Hey Nancy,

The following custom CSS code you have in the Style.css file of your child theme was causing the issue

.col2-set .col-2 {
    float: none !important
}

I changed the code to the following one

#top:not(.woocommerce-account) .col2-set .col-2 {
    float: none !important
}

Please review your website.

Best regards,
Yigit

Hi Philip,

Glad Mike could help.

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

Best regards,
Yigit

Hi,

Glad Ismael could help.

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

Best regards,
Yigit

Hi,

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 Michael,

Please refer to this post: https://kriesi.at/documentation/enfold/theme-registration/#how-to-generate-a-envato-personal-token and generate a new Personal Token.

If you do not receive the theme update in Enfold theme options, please install the Envato Market plugin: https://www.envato.com/lp/market-plugin/, insert your token into the plugin settings and check the Theme tab for the update.

Best regards,
Yigit

Hallo Isy,

Each domain requires a separate license. So for 3 domains, you would need 3 licenses.

I hope this helps!

Best regards,
Yigit

Hi,

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

Hi,

The text is already left aligned on my end. Would you like to remove the highlighted space in the screenshot I attached in the private content field?
If so, please use the following code instead

@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all #header_meta .container {
  padding: 0;
  width: 100%;
  max-width: 100%;
}
}

Best regards,
Yigit