Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-timeline-container .av-milestone-icon-inner {
    background-color: #e85c2e !important;
}

After applying the css, please clear your browser cache and check.
Please note that often there are a set of theme settings for each language, so ensure that you are adding this css for the correct language, if this still doesn’t work then add it to the WordPress ▸ Customize ▸ Additional CSS and clear your cache a couple of times.

Best regards,
Mike

Hi,
Thanks for your patience and the link to your site, it looks like your CZ page is missing some HTML, here you can see the structure of your EN page for the first parallax image that doesn’t show on your CZ page:

note the div “av-parallax” with the div “av-parallax-inner”, that is what shows the image
Now on your CZ page both are missing:

I have not see this before, perhaps when the plugin translated the page it broke the page shortcode, try duplicating the working EN page:

and then manually change the text and set it as your CZ homepage and see if the images then show.

Best regards,
Mike

Hi,
Glad to hear that this helped, an easy way to change the color of your widget items is add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.single-post .widget_recent_entries a {
	color: #444444;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey carmen,
Thank you for the link to your site, I downloaded your video and it looks like the top and bottom black bars are in your video, so you will need to edit your video to crop these out:

For the form drop downs try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .entry-content-wrapper select.wpcf7-form-control {
border-radius: 10px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try using the search feature:

for my demo it was in the XX_options table, I recommend backing a full backup before deleting anything in the database.

Best regards,
Mike

Hi,
Thank you for the link to your site, the problem is that you are creating your posts with the Advanced Layout Builder with color sections, so the widget area is at the bottom of your page after the last color section. I recommend adding a widget element in a column to show your widget. I did this for you in one of your posts linked below to show how it works:

Now the wiget shows on the frontend:

Best regards,
Mike

Hey Katja,
Thank you for the link to your site, on your first level menu items they are blue until mouse-over then they are yellow, but the backend of the second level is already yellow so what colors do you want the mouse-over and active page second level menu items to be?
mobile devices don’t have a mouse-over function, if you want the first level active menu items to have a yellow background you could try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all #av-burger-menu-ul li.current-menu-item a {
    background-color: #fff236;
}

but second level mobile menu items all share the same background color.
To add the header image to your category pages try the Unique Headers plugin.
For your search field try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .header_color .avia-search-tooltip input[type='text']#s {
	background-color: #fff;
	color: #30302f;
}

Fot your widget item, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .main_color .tribe-events-widget-events-list__header-title {
    color: #c3512f;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
}
#top .main_color .tribe-events-widget-events-list__header-title {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(235, 232, 226);
    padding: 10px 0;
    border-left: none;
    border-right: none;
    margin-bottom: 15px;
}

For your last question, some items have text some don’t they are not the same.
Please note that we kindly ask that each thread is for a single topic, it is hard to manage threads with many questions, typically it causes confusion when other Mods try to help or when clients answer but are not so clear, Thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hey Alwin,
This looks similar to your other thread
In this case versions before 5.3 had a different directory structure, typically updating the theme should have corrected this, but you were using WP Rocket cache which contenued to look the file in the old location, so when you cleared the cache it was solved.
Deleting the old folder also caused WP Rocket to rebuild it’s cache, I don’t believe that this was necessary it was just another way around the WP Rocket cache, but it still comes back to clearing the WP Rocket cache, because the theme on it’s own would not be looking for the wrong file location.
So I also recommend clearing your WP Rocket cache as Ismael pointed out in your other thread.

Best regards,
Mike

Hey greg47,
Thanks for the video, the first thing that I notice is that you entered a second html & head tag ino your page with the script that ChatGPT gave you:

typically when ChatGPT gives you this it is to point out that the script goes into the head of your page, I recommend not adding this.
So it looks like you are creating a event that will click the burger menu, the check to see if the menu is open is missing the class is-active so the script will run in all cases, even if it is alread closed.
Try changing this line: var menuButton = document.querySelector('.av-hamburger.av-hamburger–spin.av-js-hamburger.av-inserted-main-menu');
to this var menuButton = document.querySelector('.av-hamburger.av-hamburger–spin.av-js-hamburger.av-inserted-main-menu.is-active');
Then it should only click the menu if it is open.
Best regards,
Mike

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey rixi,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 1290px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

Best regards,
Rikard

Hey Bettina,

Please try following this guide: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Great, I’m glad that you managed to do it yourself. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey jmjwebsites,

Please try the following in Quick CSS under Enfold->General Styling:

#top .avia-smallarrow-slider .avia-slideshow-arrows a::before {
  line-height: 0;
  padding-left: 9px;
  padding-right: 15px;
  padding-top: 12px;
  padding-bottom: 15px;
}

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

#add_social_bookmarks-2 .social_bookmarks {
  width: auto;
  display: table;
  margin: 0 auto;
}

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.page-id-110914 #after_section_2 {
  padding-bottom: 30px;
}

Best regards,
Rikard

Hey Jason,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

 .flex_column.avia-builder-el-12 {
    display: flex;
    justify-content: center;
 }

But I recommend adding a custom class to the column like “center-column” and then adjust the css:

 .center-column {
    display: flex;
    justify-content: center;
 }

Best regards,
Mike

Hey Jason,
Thanks for your patience, the blog element layout is dependent on the Enfold Theme Options ▸ Blog Layout ▸ Blog Styling
it looks like you are using the Modern Business

you also could use Elegant

and Default (Business)

So I recommend choosing the one that is closest to your overall goal, which in this case seems to be Default (Business) and then adjust from there. So in this example it looks like we only need to move the date above the title, I recommend using jQuery in your child theme functions.php instead of customizing the element php file in your child theme, \enfold\config-templatebuilder\avia-shortcodes\postslider\postslider.php, because future features may not work correctly if you use an older version of the file.
For example:

function custom_move_time_script() { ?>
  <script>
(function($){
  $( '.slide-entry' ).each(function() {
  $( this ).find( 'time.slide-meta-time' ).insertBefore( $(this).find('header'));
  });

})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_move_time_script', 99 );

Then you can make the rest of the adjustments with css, like hiding the comments, making the date larger & gold, adding top padding, making the read more gold, etc.

.slide-content .slide-meta {
	display: none;
}
.slide-content .slide-meta-time {
	font-size: 14px;
	color: gold;
}
.slide-content .slide-entry-title {
	font-size: 28px;
	padding-bottom: 10px;
}
.slide-content {
	padding-top: 20px;
}
.slide-content .read-more-link a {
	color: gold;
}

So give this a try and if you need further help please create a test page so we can examine your element and offer more help.

Best regards,
Mike

Hey M-Graphics24,
Thanks for your patience, you can try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia_mobile #top .avia-full-stretch {
    background-attachment: fixed !important;
}

but please note that this will not work for all iPhones or iPads, and may behave oddly, this is due to a limitation on these devices that can not be changed, so to offer a uniform experience across devices the background-attachment was changed to scroll on mobile devices.
If this doesn’t work for you then it’s best to not use it.

Best regards,
Mike

Hi,
It was working in the secondary menu for me above:

If you mean the Fullwidth Sub Menu element, then you must choose a existing menu to use:

Otherwise check the steps carefully and if you still have trouble open a new thread with an admin login so we can check, posting a admin login here will not be private because this is not your thread.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I was explaining why the featured image and newsbox images were not showing on the single post because you asked for an explanation of WHY. Now if you don’t want the newsbox image to show anywhere use this css:

.avia-widget-container.newsbox .news-thumb  {
	display: none;
}

If you don’t have a featured image and don’t want the gray box to show on single posts use this css:

.single-post .small-preview:not(.lightbox-added) {
	display: none;
}

To remove the left margin of the featured image and add some bottom margin to add space brfore the post title you would need to adjust your custom css in the WordPress ▸ Customize ▸ Additional CSS

I did this for you, feel free to adjust to suit.

Best regards,
Mike