Hi,
Glad we were able to help, thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thank you for your patience and the login, I see that your homepage is the basic WordPress Blog roll as set by the WordPress settings:

So with this setting you are not really using the page layout options of the Enfold theme, WordPress is just listing your blog posts.
You can create a page with the Enfold Advanced Layout Builder and add content and H1 title and then use the “Blog element” to show your posts, but there are so many options available to you I’m not sure how to advise because I don’t know what your Homepage vision is.
Please take a look at these Enold Demos for homepage ideas so you can give us an idea of what you would like to achieve.

If your current homepage layout is exactly what you want, and you just want to make the top post an H1, no matter which is the top one, so your homepage will have an H1 I believe that this could be done with a small script.

Best regards,
Mike

Hey Theodor,
Thank you for your patience and for the link to your site.
As I understand your site layout for this section the first row will always be green, the second red, and the third is blue, for this please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#av_section_1 .avia-content-slider .slide-content .slide-entry-title,
.avia-button-wrap.avia-builder-el-6 > .avia-button {
	background-color: #c8d094 !important;
}
#av_section_2 .avia-content-slider .slide-content .slide-entry-title,
.avia-button-wrap.avia-builder-el-10 > .avia-button {
	background-color: #d09c94 !important;
}
#av_section_3 .avia-content-slider .slide-content .slide-entry-title,
.avia-button-wrap.avia-builder-el-14 > .avia-button {
	background-color: #a9c3cc !important;
}

Please see the screenshot in the Private Content area that displays this. So this would work as is, but I would recommend adding a custom ID to each of the 3 sections so if you should edit the page in the future the solution will continue to work.
The custom IDs would need to be added to the css to replace the default IDs of #av_section_X.
If you would like a hand with this step please include an admin login in the Private Content area, or if you are able to add the custom IDs we can rewrite the above css without logging in.

Best regards,
Mike

Hey Matt,
Thank you for your patience and the login to your site.
The issue is that on the category page your footer page footer elements have a line-break after each element:

On your correct pages this doesn’t occur. I believe this occurs because you are using v4.4, which is quite old now as it was released in May 2018
Please update to v4.8

Best regards,
Mike

Hi,

@aboderc is this what you ment:

this is the css:

#preise > div > div.container > div > div > div > div:nth-child(5) > div > div.avia-table.main_color.avia-pricing-table-container.avia_pricing_minimal.avia-builder-el-92.el_after_av_hr.el_before_av_textblock.skTable.avia-table-1 > div:nth-child(2) > ul > li.avia-heading-row,
#preise > div > div.container > div > div > div > div:nth-child(5) > div > div.avia-table.main_color.avia-pricing-table-container.avia_pricing_minimal.avia-builder-el-92.el_after_av_hr.el_before_av_textblock.skTable.avia-table-1 > div:nth-child(2) > ul > li.avia-heading-row > span {
	background-color: green !important;
    border-color: green !important;
}

What I note from your css is there is no #av_section_1 on that page, I believe that you used the custom ID #preise which replaced the default #av_section_1. But that is OK because a custom ID is a better approach.

Best regards,
Mike

Hi,
Thank you for your patience, and thanks for the link to your staging site, please see the screenshot in the Private Content area.
This screenshot is showing your two logos at the same time on mobile, you will note that you can see both of them instead of them overlapping and only seeing one of them.
To create this screenshot I changed the opacity in my browser only, this led me to the css:

@media only screen and (max-width: 767px) {
.responsive .logo a {
    display: table-cell;
    vertical-align: middle;
}
}

changing the “table-cell” to “inline-block” corrects, but then we need to correct the padding for after scroll when the class “av_header_transparency” is removed and this css doesn’t work anymore:

@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency .logo {
    padding-top: 20px !important;
}
}

So the full solution is this:

@media only screen and (max-width: 767px) {
.responsive .logo a {
    display: inline-block !important;
    vertical-align: middle;
}
.responsive #top .logo {
    padding-top: 20px !important;
}
}

I added this to your Quick CSS and is working now, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the link to your site, I believe this is related to the browser Accessibility Focus, #5B9DD9, you may also note the burger menu also does this, similar to the Focus Outline
In my tests this css seems to work:

.html_av-overlay-full #av-burger-menu-ul li a:active,
.html_av-overlay-full #av-burger-menu-ul li a:focus {
	background-color: yellow !important;
}

In my tests using :active & :focus together seems to help, but we are trying to overwrite the browser and not the page css, which is tricky because I believe the browser uses javascript to inject the css rules.
While the color is yellow, I believe my screen is showing a slight yellow-green, so I think the accessibility color #5B9DD9 is not completely overwritten.
What color are you trying to change this too? Are you going to try to change all of the browser accessibility colors, such as the burger menu, input fields, etc?

Best regards,
Mike

Hi,

@poplin thank you for your question, I will try to help you here but as this is not your thread you will not see what we write in the Private Content area, and if you include login details to the Private Content area it will also be seen by the thread owner, so this is not recommended. I also see that you are using Enfold v4.7.6.4, and we are currently using v4.8.1

I tested the above solution and it still works for v4.8, try adding this code to the end of your functions.php file in Appearance > Editor:

	add_filter('avf_template_builder_content', 'avf_template_builder_content_mod', 10, 1);
	function avf_template_builder_content_mod($content = "")
	{
	  if(is_page() ) {
		$addendum = do_shortcode("[av_social_share title='Share this entry' buttons='' yelp_link='https://www.yelp.com' style='' alb_description='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-km64rgtq' sc_version='1.0' admin_preview_bg='']");
		$content = $content . $addendum ;
	  }
	  return $content;
	}

This adds the social share buttons shortcode to the bottom of each page built with the Advanced Layout Builder, after the builder content, but before the footer, so the social share buttons will use the page as the url.
Please use this and remove any social share buttons from your “Footer Page”.
If you have trouble with this then please create a new thread and include a recap, and WordPress admin access in the Private Content area, of that thread (not this one).

Best regards,
Mike

Hi,
Sorry for the late reply, when testing your page I see that the masonry animation has been removed, or blocked, when the masonry “load more” is clicked the loading animation / ajax is also blocked so the result is the flashing.
I found that if the “Disabling of template builder elements” option in the theme options is set to “Always load all elements” the page animation is still blocked but the loading animation / ajax is allowed. So now your page doesn’t flash.
But this is because the theme is loading “most of” the correct files (masonry animation is still blocked), but I believe your caching and Asset CleanUp & Page Speed Booster plugins are causing the main issue, these plugins are blocking elements needed in an attempt to speed up the site. I also believe that your web server is caching, probably with object caching, so when the plugins are deactivated the server cache is still serving the error.
I recommend setting up a test server without the plugins, not removed, but not installed in the first place, and disable any server caching to test. You could just use the solution, but it seems like you would be causing a lot of extra work for your server to first block these files and then to add them again.
I really don’t believe that the Asset CleanUp & Page Speed Booster plugin would add value as the theme can be quite lean with it’s own settings. For example
I believe I put all of your settings back to the way it was except the “Always load all elements” option to demonstrate that the flashing has stopped, Please clear your browser cache, probably a few times, and check.
*I can not reproduce the error on a clean install.

Best regards,
Mike

Hi,
This script will look for #main_content on the homepage, and #main on all others.

function savvy_screen_reader(){
    ?>
    <script>
(function($){
	$(document).ready(function() {
  if ($("body").hasClass("home") == true) {
  $('<div id="skipnav"><p class="skipnav"><a href="#main_content">Skip to Content (Press Enter)</a></p></div>').insertBefore('#top');
  } else {
  	$('<div id="skipnav"><p class="skipnav"><a href="#main">Skip to Content (Press Enter)</a></p></div>').insertBefore('#top');
  }
    });
})(jQuery);
</script>
    <?php
    }
add_action('wp_footer', 'savvy_screen_reader');

Best regards,
Mike

Hey cvanberkel,
Sorry for the late reply, and thanks for the link to the solution you are trying, thanks for the login but I can’t access the wp-admin page, are you blocking IPs from the US? Anyways, I checked this solution on your homepage by injecting it via the browser (testing)
Please see the screenshot in the Private Content area.
Is this what you were hoping for?

Best regards,
Mike

Hi,
Glad this helped, the main issue you will find is with ALB (Advanced Layout Builder) pages, so If you build your pages with the same layout then you should be able to craft them to use the same ID.
*Please Note > The “Main Content” ID for ALB pages is main this occur once on each ALB page, but this also includes any sliders or non-content elements. In my test #main centers the slider and the next tab goes to the next section, but this would appear as a failed “skip jump” to the user.
I recognize this behavior from other threads that used a “Skip to content”, for your “hundreds of pages” a majority of them should be the same layout correct?
I could rewrite the script to check for a “Page” type or category or something so that these “hundreds of pages” with the same layout use the same ID that you already have in place, or fake one. Can you link to one of these?

But please note that with the ALB there are so many ways a page can be laid out, the beauty of the original script is that once you add the custom ID to the pages in the place that you choose, it “Just” works.
It may look like a task to edit pages to add the custom ID to current content sections, perhaps one minute per page, but the overall control is much better, especially for new pages that you add and for non-conforming pages/posts.

Best regards,
Mike

Hi,
Thank you, I will try to answer your two posts here, the first one was about updating to v4.8 and at this point, you have added css to the Enfold Quick CSS field, and made theme option changes. So you can update the theme without concern, if at some point you had added code to your functions.php file you would need to copy because it would be overwritten when you update.
In the future, I would recommend using a child theme, so that you will be able the add customizations to the functions.php

For your second question, please note that the way “Related” works for products is they share the same “Tag”, so your single products must have a “Tag” and you will want to consiter the Tag of your Product & your Related products.
So looking at the single post that you linked to, I note that the first 3 related products use the Tag: blog-post-cnc-series-omnitech and the two you don’t want use the tag blog-post-kingswood-anderson
So currently you seem to be organizing these by category only, please try incorporating tags also.

Best regards,
Mike

Hi, @Rafíyel,

this is what this person wanted to do, we are going to close this very old thread.
If you have any questions please create a new thread.

Best regards,
Mike