Hi Knut!

Thank you for visiting Kriesi’s support forum.

The attachment does not exist, please check. Meanwhile, you can try to add this on Quick CSS or custom.css in order to add a new container on top of the title:

.stretch_full.container_wrap.alternate_color.light_bg_color.title_container:before {
content: '';
display: block;
width: 100%;
height: 100px;
background: green;
background-size: 100%;
}

Place the image as background.

Best regards,
Ismael

Hi Eleina_Shinn!

Thank you for using Enfold.

If you’re planning to use a single image, please try the fullwidth slider. It will stretch the slider image properly even on mobile screens. Anyway, just a tip, you should place the numbers and any information as slider caption. They won’t be readable on mobile device if they are attach on the background image itself.

Best regards,
Ismael

Hi!

It means that the requested task in particular falls beyond the scope of support but you can try this on Quick CSS or custom.css to override the default caption-left css animation:

@-webkit-keyframes caption-left {
  0%   { opacity: 0;  -webkit-transform: scale(1.5);}
  100% { opacity: 1; -webkit-transform: scale(1);}
}
@-moz-keyframes caption-left {
  0%   { opacity: 0;  -moz-transform: scale(1.5);}
  100% { opacity: 1; -moz-transform: scale(1);}
}
@keyframes caption-left {
  0%   { opacity: 0;  transform: scale(1.5); }
  100% { opacity: 1; transform: scale:(1); }
}

Regards,
Ismael

Hi SzymonDomagala!

Thank you for using Enfold.

I checked the website and went to the “O nas” page. The progress bars works on first load. In order to migrate the theme successfully and leave the database intact, please use this plugin: WP MigrateDB or WP MigrateDB PRO

Refer to this link for more info on how to properly migrate your enfold website from production to development vice versa:

http://kriesi.at/documentation/enfold/move-from-a-local-installation-to-a-live-server/
https://code.tutsplus.com/tutorials/migrating-your-wordpress-database-wp-migrate-db-production-to-development–wp-32684

Regards,
Ismael

Hi!

Thank you for the info.

Please use this instead:

function avia_increase_sidebar_size() {
	global $avia_config;
	
	$avia_config['layout']['fullsize'] 		= array('content' => 'twelve alpha', 'sidebar' => 'hidden', 	 'meta' => 'two alpha', 'entry' => 'eleven');
	$avia_config['layout']['sidebar_left'] 	= array('content' => 'eight', 		 'sidebar' => 'four alpha' ,'meta' => 'three alpha', 'entry' => 'eight');
	$avia_config['layout']['sidebar_right'] = array('content' => 'eight alpha',   'sidebar' => 'four alpha', 'meta' => 'three alpha', 'entry' => 'eight alpha');
}
add_action( 'init', 'avia_increase_sidebar_size', 1);

Cheers!
Ismael

Hey!

Yigit’s snippet has nothing to do with fonts. Weird that it’s acting up that way. Please try to toggle the font setting on the General Styling panel. See if that reverts the font style to normal. Also, try to deactivate the cache plugin or purge it while working on the site.

Regards,
Ismael

Hi blankonblank!

Thank you for using Enfold.

Unfortunately, it is not possible to specify a transparency value for background images inside a color section. It is possible if you applied a solid background color. You should edit the image on photo editor then set the transparency, save it as PNG format.

Cheers!
Ismael

Hi!

Thank you for the info.

Please use this on Quick CSS or custom.css:

.avia-button-wrap.avia-button-center.avia-builder-el-7.el_after_av_heading.avia-builder-el-last a.avia-button.avia-icon_select-no.avia-color-custom.avia-size-large.avia-position-center {
background: transparent !important;
border: 1px solid white !important;
box-shadow: inset 0 0 10px white;
}

Another way to do that is to apply a unique css selector for the button or any advance layout builder elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit the button element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “transparent-button”.

You can add something like this on your custom.css or Quick CSS:

.transparent-button a.avia-button {
background: transparent !important;
border: 1px solid white !important;
box-shadow: inset 0 0 10px white;
}

Refer to this link for more info: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Regards,
Ismael

Hi!

I hope this helps you with the issue. Please refer to this link for a possible fix: https://kriesi.at/support/topic/gallery-edit-issues/#post-277654

Regarding the max execution time error, try to add this line on the .htaccess file:

php_value max_execution_time 60

Refer to this link for more info: http://codex.wordpress.org/Common_WordPress_Errors#Maximum_execution_time_exceeded

Regards,
Ismael

Hey axelfx07!

Thank you for using Enfold.

The Enfold uses MagnificPopup as default lightbox plugin. You can add this on functions.php:

function popup_inline() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
	});
});
</script>
<?php }

add_action('wp_head', 'popup_inline');

Then use this on a text block:

<div id="test-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT HERE</p>
</div>

<a class="open-popup-link" href="#test-popup">Show inline popup</a>

Add this on Quick CSS or custom.css:

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

Remove browser cache then reload the page a few times.

Cheers!
Ismael

Hey Richard!

Thank you for using the theme.

You can add a top margin on the slider with this on Quick CSS or custom.css:

.page-id-24 .flex_column.av_one_half.first.avia-builder-el-0.el_before_av_one_half.avia-builder-el-first {
margin-top: 18px;
}

Cheers!
Ismael

Hey!

Thank you for the update.

I just added two images on the gallery, one image already exists on the media library, the other “scissor logo” image I uploaded myself and it works fine without any issues. Please try to remove browser cache then test it again: http://casitasitges.com/apartment/

Best regards,
Ismael

Hey alessandro!

Thank you for using Enfold.

Please go to Enfold > Header Layout > Mobile Menu > Header Mobile Menu activation panel. Choose the second option to force the theme to show the mobile menu earlier. Remove browser cache then reload the page a few times.

Cheers!
Ismael

Hey!

Thank you for using Enfold.

Are you referring to the 3D transition of the layer slider? This is an issue with Chrome and the latest update of the plugin should fix the issue. We already reported the problem to Kriesi. It should be included on the latest patch of the theme which is not release yet. For now, please use the 2D transitions.

Best regards,
Ismael

Hi Tech!

Thank you for visiting Kriesi’s support forum.

Please use this on Quick CSS or custom.css to adjust the padding of the mega menu:

#top #header .avia_mega_div > .sub-menu {
padding: 10px 10px 10px;
}

#header .mega_menu_title {
text-align: left;
}

#header .avia_mega_div .units {
padding: 0 7px 0 7px;
}

Cheers!
Ismael