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

Hi,
Puede descargar los archivos de tema de su cuenta de Envato / Themeforest, intente buscar v4.8.1
Inicie sesión en su cuenta de Envato y luego vaya a https://themeforest.net/downloads

— Translated with Google —

You can download the theme files from your Envato / Theme Forest account try looking for v4.8.1
Login to your Envato account and then go to https://themeforest.net/downloads

Best regards,
Mike

Hey Gute,
Sorry for the very late reply please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-14320 .post-entry-14320 p {
	font-size: 0 !important;
    line-height: 0 !important;
}

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

Best regards,
Mike

Hi,
Sorry for the very late reply and thanks for the link and screenshots. Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_testimonial_meta_script() { ?>
    <script>
(function($){
  $( '.avia-testimonial_inner' ).each(function() {
  $( this ).find( '.avia-testimonial-meta-mini' ).css({ 'padding-bottom': '10px'}).insertBefore( $(this).find('.avia-testimonial-content'));
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_testimonial_meta_script');

Best regards,
Mike

Hey hooman80,
Sorry for the very late reply, unfortunately, I do not see a way to do that, Enfold doesn’t add a media player it uses the built-in WordPress player. I would recommend looking for a player plugin with this functionality, or allow the videos to show the YouTube toolbar, assuming your videos are on YouTube.
Enfold Demo example

Best regards,
Mike

Hey hersbers,
Sorry for the very late reply, I tried using a “Easy Slider” element with 4 images and a Gallery element and 4 different images there, and as you pointed out, neither show all images. I don’t see an easy way to have these work together like this, but I can imagine having the slider have no click event but opening the gallery lightbox with a jQuery click event, which you would have to add all of the images to a single gallery element.
So the result would be for the visitor, clicking on the slider would open the gallery. If this sounds like something that might work for you please let us know.
If not please try creating a test page for us to see, and perhaps we can come up with a different solution.

Best regards,
Mike