Hi,
Thanks for your patience, I was not able to login but for changing the tab background colors there is an option within the Advanced Layout Builder element, first choose the tab you wish to edit, then click the edit icon:

then under styling choose background colors:

then the background color and arrow color will be changed on the frontend:

Please give this a try, if you still have problems then please include an admin login in the Private Content area, the /wp-admin/ page was a 404 for me, and link to a test page so we can be of more assistance.

Best regards,
Mike

Hi,
Glad this helpped, your background images had the incorrect url in your Quick CSS, it was this:

#top.page-id-3600:before {
 background-image: url(/wp-content/uploads/2021/06/header-fliesen.jpg);

but it needs to be this:

#top.page-id-3600:before {
 background-image: url(/cms21/wp-content/uploads/2021/06/header-fliesen.jpg);

I corrected this for you, I errors I had corrected before were:
a dot before a comment: ./*** Main ***/
and two hash tags before another comment: ##/****** parallax effekt Doppelböden**/

Best regards,
Mike

Hi,
Thank you for your patience, and for the login, I added the custom class box380 to your boxes and if you use this css it will make the boxes 380×380:

#top .home-color-section-width > .av-section-color-overlay-wrap > .container {
	padding: 0;
}
#top .home-color-section-width .box380.no_margin.av_one_third {
	min-height: 380px;
	height: 380px;
	min-width: 380px;
	width: 380px;
}

I also corrected this css that didn’t have the “px” for the “min-height” so it was not working:

/* Color Section width */
#top .home-color-section-width .avia-slideshow {
    max-width: 1140px;
	min-height: 760px;
    margin: auto;
}

but you will find that your background video doesn’t fit because it’s aspect ratio makes it too short, so I believe you will need to correct this video.

Best regards,
Mike

Hey Joe,
Thank you for your patience, and the link to your site, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
	.responsive #top.home .av-horizontal-gallery-inner {
		 min-height: 470px;
	}
}

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

Best regards,
Mike

Hey Erwin,
Thank you for your patience, please try adding this css:

.sidebar .newsbox .news-thumb img {
    width: 275px;
    height: 275px;
}
.sidebar .newsbox .news-thumb {
	padding: 0;
	margin: 0;
}

Best regards,
Mike

Hi,
Thank you for your patience and the explanation, I tried to recreate this on a test page but since I didn’t have access to the custom Fontello font you are using I used the arrow icon in the theme

Please note that while on mouse-over the charcode says \ue88d, in the css you will actually use \e88d droping the u.
You will add the following code instead of [submit] in Contact Form 7:

<!--add the following instead of [submit] in Contact Form 7-->
<button type="submit" class="wpcf7-submit">Submit<span class='cf7icon'></span></button>
<img class="ajax-loader" src="/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Sending ..." style="visibility: hidden; opacity: 1;">

and then add this css for the icon:

.cf7icon:after {
  content: " \e88d";
  font-family: entypo-fontello;
  color: #fff;
}

you will want to adjust to suit for your icon, this was the result:

Another option might be to use the Unicode character → in your submit button:

it won’t be your custom font, but it will be an arrow:

Best regards,
Mike

Hi,
Thank you for your patience and for the login to your staging site, the column link didn’t work because it included a hashtag and it was on the homepage, the column links are not real links, they are faked with javascript, I found that by modifying the /js/shortcodes.js file I could create a workaround for you.
I modified line 660 from this: if( (0 == url.indexOf("#")) || ((url.indexOf(link) >= 0) && (url.indexOf("#") > 0) ) )

to this: if( (0 == url.indexOf("#")) )

and this seems to work correctly now, please clear your browser cache and check.

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,
Glad that helped, any new function in the loop-index.php should work, only the currently named functions in your child theme would be overwritten. If one of those functions was changed you probably would not know until some new feature doesn’t work. Our Dev team is very careful about backward compatibility so I doubt you would have a crash but you could compare files before updating.
I recommend creating a staging site to test all updates before applying them to your live site, as a standard procedure.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login to your site, for that one page for mobile please try this css:

@media only screen and (max-width: 767px) { 
#top.postid-10519 #wrap_all #main #av-layout-grid-3.av-flex-cells .avia-builder-el-9.no_margin,
#top.postid-10519 #wrap_all #main #av-layout-grid-4.av-flex-cells .avia-builder-el-15.no_margin{
padding: 0 15px !important;
}
}

After applying the css, please clear your browser cache and check.
If you find this works well we could add a custom ID to each grid row element and a custom class to the video element so that future page changes do not break the css, currently the IDs and classes in the css are the default that may change if the page is updated.

Best regards,
Mike

Hi,
To target the date text you could use .date-container but the text is already as far left as possible so I’m not sure what you are trying to achieve. This css with change the date red to show an example of the target selector:

#top.archive.category #main .post-entry .date-container {
	color: red;
}

To hide the author text:

#top.archive.category #main .post-entry .blog-author {
	display: none;
}

I don’t see an excerpt to hide so I don’t know if you also want the read-more to be hidden, but you can try this:

#top.archive.category #main .post-entry .entry-content {
	display: none;
}

Best regards,
Mike

Hi,
Glad that you liked it, please note that this setup created multiple portfolio grid elements each with only two items, so that the ajax container would show just above the two items, such as mid-page, the only drawback is that the multiple portfolio grid elements do not share their portfolios.
Perhaps you could remove the previous & next ajax controls so it won’t be confusing?

.ajax_controlls > .ajax_previous, .ajax_controlls > .ajax_next {
	display: none;
}

Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Thank you for trying the masonry gallery element, I see that the same issue with the WordPress created thumbnails is occuring, I’m not sure why. As I look at your /picturebooks/ page again, I almost believe that the images are correct until you hover over them and then they are blurry, please check again and see if you also believe this, if so we can investigate the css:

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

But if you don’t think this is true, then I wrote this script for the /picturebooks/ page that will replace your thumbnails with the original image that is linked in the lightbox for you to try. Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_masonry_img_script() { ?>
    <script>
(function($){
$("#top.page-id-937 .av-masonry-entry").each(function(){
    var imageUrl = $(this).attr("href");
    $(this).find(".av-masonry-image-container img").attr("src", imageUrl);
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_masonry_img_script');

Best regards,
Mike

Hi,
I found your code in this article and tested it on my site with an additional test user that has the role of “customer” and the function works correctly:

add_action('after_setup_theme', 'remove_admin_bar');
function remove_admin_bar() {
if (!current_user_can('administrator') && !is_admin()) {
  show_admin_bar(false);
}
}

This code checks if the current user is not an administrator, and they are not viewing the admin dashboard. If both conditions match, then it will disable the WordPress admin bar.

This function also works correctly:

add_filter( 'show_admin_bar', '__return_false' );

This code will disable the admin bar for all users when viewing the public pages of your website. All users will still be able to see the toolbar inside the WordPress admin dashboard.

The article also suggests a plugin: Hide Admin Bar Based on User Roles.
So please carefully check your functions.php code for errors and try again, I recommend using a Child Theme

Best regards,
Mike

Hi,
Thank you for your patience, to add a modified \includes\loop-index.php to your child theme simply add the directory and file to your child theme like this \wp-content\themes\enfold-child\includes\loop-index.php
no functions are needed. I tested this with v4.8.3
The correct line to modify in \includes\loop-index.php is 443

Best regards,
Mike