Hey pabloeduardo,
Sorry for the late reply, I do not use the plugin “Toolset” but my research finds that “there isn’t a good workaround right now.”
Right now Toolset asks that we make some changes that would break our logic and we can not do.
I have seen some customers using Toolset on their projects, but I’m unsure what parts they are using or not.
I have also seen customers use Pods – Custom Content Types and Fields so perhaps looking into this as an alternative would help?

Best regards,
Mike

Hi,
In the css above you added #BLU to the beginning of the rules, this indicates a page wide ID not a class.
You need to add the class before avia-button but not connected to it like this

#top .main_color .blu .avia-button:hover

I also see in your css you have the wrong arrows:

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,
I took a look at your section, but your container is set to a max-width of 1280px, so adding more space between the columns makes the image smaller. You could go to your layout settings and make the max-width larger which should make the space between larger because it is a percentage of the page width.
How much space do you want?

Best regards,
Mike

Hi,
We will leave this open while you look into this. A couple of places to look would be if your child theme has a /shortcodes/menu/ folder in it, you could rename to something else via FTP as a test, “/menu-old/”
and if your custom css has any reference to “sticky_placeholder” or “sub_menu1”, you could comment out to test.
Also check your child theme functions.php.

Best regards,
Mike

Hi,
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) { 
.flex_column.av_one_half.flex_column_div.av-zero-column-padding.avia-builder-el-11 {
	z-index: 0 !important;
}
}

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

Best regards,
Mike

Hi,
It looks like you were missing a bracket, please try this:

add_action('ava_before_footer', 'ava_before_footer_mod');
function ava_before_footer_mod() {
	if(!is_page(array(662))) {
		echo do_shortcode("[MY OWN SHORTCODE]");
}
}

if you want to add more pages add a comma and the next number like this:
if(!is_page(array(206,644))) {

Best regards,
Mike

Hi,
Sorry for the late reply, sorry for the confusion, when I suggested to disable smush lazy load I meant as a test to see if your problem was resolved, which was, restore your logo, if it didn’t help then it is fine to enable. But if your problem was resolved then you probably do not want to enable.
When I see your site today your logo is visible was it related to the plugin?

Best regards,
Mike

Hey rokhead,
Sorry for the late reply, I had not used Incarnation, but from reading your description and viewing your link, Enfold doesn’t have a built-in way to display a page in a grid layout. But I was able to achieve this with a plugin Add Category to Pages

this is the backend view were each “blog post” element is displaying a single page pulling the featured image, title, read more link and custom excerpt:

After installing the plugin I created 3 categories for pages, adding one page to each category, ensuring the pages had featured images and custom excerpts. Custom excerpts must be used if you have built the pages with the Advanced Layout Builder, the “excerpt” field is typically at the bottom of the page, and to turn it on click on the “screen options” tab at the top of the screen:

Then in the blog post element choose “Display entries from a custom taxonomy” + Grid Layout + “Title and Excerpt + Read More Link”

under the styleing tab I choose one for “Blog Grid Columns” and no Pagination, but I guess you could also choose 3 “Blog Grid Columns” with 3 entrys from the same page category for a similar result.

Best regards,
Mike

Hi,
I believe from your description this is due to the first element has no padding or margin on the top or left and the last item has no padding or margin on the top or right.
So to achieve this:

try some css like this:

article.slide-entry {
box-shadow: 1px 1px 30px 3px #cccccc !important;
border: 1px solid #eeeeee !important;
}

.slide-entry.av_one_third,.slide-entry.av_one_third.first {
    margin-left: 2% !important; 
    margin-right: 2% !important; 
    margin-top: 2% !important;
    width: 28% !important; 
}

please adjust this for your site, if you need further help then please include a link to your page.

Best regards,
Mike

Hey schweg33,
Thank you for the link, I have taken a look at your page, and find that your white color in “Herzlich willkommen” comes from this custom code:

/*Farbsection Breite*/
#top.home #av_section_1 > div.container {
    background-color: #ffffff !important; 

So you can change that color code in your child theme stylesheet or in your Enfold Theme Options > General Styling > Quick CSS field, I’m not sure which place it is at on your site.
If you can not find it the Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.home #wrap_all #main #av_section_1 > div.container {
    background-color: #ECF2E0 !important;
}

and adjust the color code to suit, After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, I have taken a look at your “giving” page on both desktop and mobile. The fullwidth sub-menu is not designed to be sticky for mobile, that’s why it’s disabled by default. There have been modifications to try to achieve this and is why you are getting the jumping and it is breaking away from the “sticky_placeholder” the “blue area”.
I tried recreating your page and found that without modifications the sub-menu can stick to the top with this javascript at the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
$(document).ready(function(){       
   var scroll_start = 0;
   var startchange = $('#sub_menu1');
   var offset = startchange.offset();
    if (startchange.length){
   $(document).scroll(function() { 
      scroll_start = $(this).scrollTop();
      if(scroll_start > offset.top) {
        document.getElementById('sub_menu1').classList.add('sticky-top');
       } else {
        document.getElementById('sub_menu1').classList.remove('sticky-top');
       }
   });
    }
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

and this css:

.sticky-top {
    position:fixed!important;
    top:0!important;
    z-index:10000!important;
}

please see the screencast in the Private Content area.
I’m not sure where the modifications are on your site, but if you can remove them then this should work for you on Enfold v4.7.3
It looks like you are using v4.5.7, so that could be another factor.

Best regards,
Mike

Hey Empatica,
Thank you for the login, your menu items didn’t contain the span class “avia-menu-fx” which is how the active menu indicator is shown, but once I set the “Leader Theme Menú principal” to one of your menus these were added.
Please check now your menu is working correctly now.

Best regards,
Mike

Hi,
Below I have linked to two updated files, please move them to your
\wp-content\themes\enfold\lang\ via FTP and save your original files for fallback.
https://www.dropbox.com/sh/st1yefvuahvv7sg/AAChKsCgkCTI9yXv8_XGWOK8a?dl=0

this example adds “!is_page” so add the pages you don’t want it to show on
https://pastebin.com/vPvJ0Pym
Best regards,
Mike

• This reply was modified 1 year, 2 months ago by Yigit.

Hi,
If you add a snippet to your parent theme functions.php then it will be lost on your next update, that holds true for any file you edit.
You could use a plugin like: My Custom Functions

Best regards,
Mike