Hi,
You can also export the theme setting file and give it to your customer, so them the customer has only two files to import, the .xml for the demo content and images, and the theme settings file at Enfold Theme Options ▸ Import/Export ▸ Import Theme Settings

Best regards,
Mike

Hey northorie,
Thank you for the link to your site, it looks like you are using the masonry element and I believe that your shortcode is for the Reading Time WP plugin. I tested this on my demo site and found that adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function add_reading_time_to_masonry_entry($content, $entry, $config) {
    $reading_time_html = "<div class='reading-time'>" . do_shortcode('[rt_reading_time post_id="' . $entry['ID'] . '" label="Reading Time:" postfix="minutes" postfix_singular="minute"]') . "</div>";
    $content .= $reading_time_html;
    return $content;
}
add_filter('avf_masonry_entry_content', 'add_reading_time_to_masonry_entry', 10, 3);

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
and adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.av-inner-masonry .reading-time {
	opacity: 0;
	bottom: 0;
  position: absolute;
  right: 0;
}
.av-inner-masonry:hover .reading-time {
	opacity: 1;
}

will add the reading time at the bottom right corner on hover only, like this:

Best regards,
Mike

Hey nivotechwd,
Thank you for your patience, from your other posts I understand that you plan on creating custom demos to sell. I recommend creating your demo and then exporting it in: WordPress ▸ Tools ▸ Export ▸ All content this will give you a .xml file, and this is the file that you can give to your customers for them to import at WordPress ▸ Tools ▸ Import this will be the easiest for your customers.
The Enfold demo uses this function to import the buit-in demos. You can not override the register-demo-import.php in a child theme.
After you create the .xml file you should note that when your customer imports the demo with this file it will call the images from your original demo url, so unless you plan on leaving this online for your customers to review, I recommend copying the images in the same structure to a online storage and then open the .xml file with VScode and change the urls to your new location, either your server or github or whatever.
I hope this makes sense.

Best regards,
Mike

Hey nicolealbaek,
Sometimes this is caused by the PHP ZipArchive Extension not enabled on the server, other times it is due to the WebHost has blocked our IP so the install can’t get the files (OVH) unfortunately OVH has told users they will not whitelist our IP.
If you are using OVH try installing the demo on a localhost and then use the Duplicator plugin to move to your webhost.
If the is not your case try following our documentation to manually install the demo, but please note that this still gets the files via the WordPress import xml file from our IP, so if your webhost has blocked our IP this won’t help.

Best regards,
Mike

Hey amyncuih,

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

#top #wrap_all .av_header_transparency #header_meta a {
  color: #fff;
}

Best regards,
Rikard

Hi,
To make the logo link smaller for mobile try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 480px) { 
#top.page-id-11754 #header_main .logo {
	width: 60px;
	max-width: 60px;
}
}

but it also looks like you will need to make the button in the slider come to the fore ground with z-index, try around 99
I have not used the revolution sliderI’m not sure where this setting is, perhaps you do, or try checking the revolution slider documentation.

Best regards,
Mike

Hey Jey,
Thanks for reaching out and glad to hear that you are using Enfold for one of your other sites and have some experience with it, this will make converting your new site over easier, but unfortunately you will need to recreate your pages with Enfold since Enfold can not automatically convert your pages.
I recommend creating a staging site of your new site so while you work on this your site will still be live.
Most cPanel webhosts have a staging site option, some in the dashboard:

Others add the option in the Softaculous WordPress Management

There may be other staging site options in different cPanel servers, these are the two that I have seen.
Then all of your posts will be available for Enfold, and you should only need to recreate your pages using Enfold elements, it looks like most of your pages are using the same layout with different images and text, so you could create one template and save as a template in the Advanced Layout Builder (ALB)

to reuse on each page, then change the images & text.

Best regards,
Mike

Hi,
Thank you for the link to your site and pointing this out, I will let the Dev Team know, but for now try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-pricing-table-container.avia_show_empty_cells .pricing-table li.empty-table-cell {
    display: block;
}

While this will show the empty cells, your table columns will still not be the same height because the cells in the last column has more content than the first two.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function equal_height_pricing_table() { ?>
  <script>
(function($) {
  $(function() {
      $('#preisliste .avia-pricing-table-container .pricing-table-wrap:nth-child(3) li').each(function(index){
          $('#preisliste .avia-pricing-table-container .pricing-table-wrap:nth-child(2)').find('li').eq(index).css('height', $(this).css('height'));
          $('#preisliste .avia-pricing-table-container .pricing-table-wrap:nth-child(1)').find('li').eq(index).css('height', $(this).css('height'));
      });
  });
  })(jQuery);
  </script>
  <?php
}
add_action( 'wp_footer', 'equal_height_pricing_table', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please note that this will only work on your table in the preisliste section so it will not interfere with any others on your site.

Best regards,
Mike

Hi,
Thank you for the link to your site, in your Custom CSS & JS plugin you have the footer background color set to black with a !important;, so for the theme settings to work you will need to remove this css:

I don’t see two scroll bars when I check your site, when page do you see this on?

Best regards,
Mike

Hi,
In that case do not use the Overwrite Portfolio Link setting option above, but use the Portfolio Gallery element instead and set the Link Handling option to Display the big image in a lightbox

Best regards,
Mike

Hi,
The /masonry-portfolio-example-4-column-masonry-grid/ demo page that we posted for you uses a masonry element to show portfolio items, so the screenshot above is for one of those portfolio items, below the content, here is a full page screenshot of a portfolio item:

Best regards,
Mike

Hi,
Thank you for the link to your site, but your specific links for specific settings are not working, but I believe that I understand.
If you are using WP Rocket to lazyload it, I recommend disabling WP Rocket lazyload as this is causing the stal in showing the slider.
When you try to exclude it you also need to exclude the javascript for the slider, you don’t need to to the WP Rocket lazyload option because it is already set at Enfold Theme Options ▸ Performance ▸ Responsive Images And Lazy Loading ▸ Lazy Loading
Also note that the File Compression is also handled by the theme, typically double compression this this can cause errors.
Note that using the WP Rocket exclude settings can be tricky try checking their documentation here.
Try disabling WP Rocket and see if you still have the issue.

Best regards,
Mike

Hi,
To open the image directly, go to your portfolio item ad use the Overwrite Portfolio Link setting option and add the image link

Best regards,
Mike

Hey amyncuih,

Thank you for the inquiry.

You can define a different font for the Button element in the Enfold > Advanced Styling panel. The Button element can be found under the Misc section. Please note that this will affect all buttons across the site. Unfortunately, you cannot assign a different font to a specific block in the builder.

Best regards,
Ismael

Hi,
Glad Ismael could 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,
Ok thank you, I understand better now 🙂, but your site has changed since that video, Lesestoff entdecken is not a menu option now.

So I try to adjust this with the menu item Buchtipps I hope that I understand correctly.
So the items under Buchtipps so header of Veranstaltungen, so basically your Veranstaltungen is built-in:

you can create a difficult code based on the category:

So please try adjusting this

Best regards,
Mike

Hi,
I would recommend adding the categories as a class to the single posts, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('body_class','add_category_to_single');
  function add_category_to_single($classes) {
    if (is_single() ) {
      global $post;
      foreach((get_the_category($post->ID)) as $category) {
        $classes[] = $category->category_nicename;
      }
    }
    return $classes;
  }

This will add the categories as a body class, so for example if your post belongs to the categories News, Personal, Uncategorized

the body will have these classes:

So if you wanted to use CSS to target this it would look like:

#top.news.personal.uncategorized {
/* your color here */
}

You can make this would for only one category if you wish, my example just happened to have three.

Best regards,
Mike

Hi,
Thanks for your question, but you have posted to a thread from 2019 as this is not your thread posting your admin login here will not be private and you will not see our comments in the Private Content area, so please open a new thread so we can assist.
Also let us know what host you are using as OVH is a known host to block our IP address.
If the manual import method fails, try creating a localhost WordPress install and import the demo and then use the plugin Duplicator and migrate your localhost version to your webhost, see the video on the plugin page if you have not used this plugin before, it is quite easy.

Best regards,
Mike

Hi,

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

.av-masonry-entry .av-inner-masonry-content {
  height: 150px;
  min-height: 150px;
}

Best regards,
Rikard