Viewing 30 results - 691 through 720 (of 106,439 total)
  • Author
    Search Results
  • #1490191

    Hey Lion,

    Thanks for sharing!

    I’ve turned your customization into a plugin and uploaded it to the Enfold Library at https://github.com/KriesiMedia/enfold-library/tree/master/codesnippets%2C%20tricks%2C%20plugins/Enfold/integration%20plugins/3rd%20party%20plugins/Enfold%20Complete%20Image%20Protection.

    Best regards,
    Yigit

    P.S.: Please feel free to delete the file from your server.

    #1490188

    Hi,
    Yes, I’d like to display the featured image in the actual post. The CSS doesn’t work :-(

    hq

    Thanks
    Kind regards
    Uli

    • This reply was modified 5 months, 3 weeks ago by Uli.
    #1490182

    i can see both images on mobile ( dev tools setting ). So autoplay works on my end here
    i did not check if real mobile device shows it.

    #1490180
    Lion
    Guest

    Hi Yeet, read private content please

    #1490172

    Hi,

    Thank you for the info.

    The contact form seems to be resizing correctly on our end. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages, or Dropbox.

    Screenshot-2025-10-14-at-1-28-21-PM

    Best regards,
    Ismael

    #1490164

    In reply to: Masonry image size

    Hey nebuddlho,

    Thank you for the inquiry.

    Try to add this code in the functions.php file to adjust the size of the lightbox image.

    function avf_alb_lightbox_image_size_mod( $size, $context ){
      if( $context == ('av_gallery' || 'avia_masonry') ){
        return 'full';
      }
      return $size;
    }
    add_filter( 'avf_alb_lightbox_image_size', 'avf_alb_lightbox_image_size_mod', 10, 2 );

    Let us know the result.

    Best regards,
    Ismael

    #1490163

    Hey monsterdmkt,

    Thank you for the inquiry.

    It’s possible that the gallery is set to use a specific thumbnail in a different format, usually jpg or png, which is the WordPress default when generating thumbnails. Try to edit the horizontal gallery, go to the Styling > Gallery panel, then set the Image Size settings to No scaling to use the original image source.

    Screenshot-2025-10-14-at-12-28-22-PM

    If the issue persists, please create a test page and provide the URL in the private field.

    Best regards,
    Ismael

    #1490161

    Hi,

    Thank you for the update.

    We can only see the full width sliders on the page, both have a single image or item in them. One is shown on larger screens and the other on mobile view. Would you mind providing a screenshot of the fading slider? You can use platforms like Savvyify, ImgBB, PostImages, or Dropbox.

    Best regards,
    Ismael

    #1490151

    Topic: Masonry image size

    in forum Enfold
    nebuddlho
    Participant

    Hello,

    I don’t know what I’m doing wrong – no matter what size i have set on masonry element nothing changes, the main problem i have is that when i click on the masonry images and modal opens, the images are not the original ones in full size but 1030 width, masonry element has image size 705, but that is not even showing anywhere. I want the popup to show full quality images.

    Thank you

    #1490133

    Hi,

    Thanks for that, but I’m not sure which images you are referring to now. The image of the donkey for example; it’s visible both on your site on mobile, and in your screenshot. Could you try to explain your intentions a bit further please? Or do you mean that you want to display it in the actual post? If so, then you can try this CSS:

    @media only screen and (max-width: 767px) {
      .single-post .blog-meta {
        display: block;
        width: 100%;
        margin-bottom: 30px;
      }
    }

    Best regards,
    Rikard

    #1490122

    Hey Rikard,
    I’d like to see the featured image also on the blog post itself. On the desktop version it works, on the mobile version not.

    dvm

    Kind regards

    Uli

    #1490118
    VachetAlexandre
    Participant

    Hello guys, can someone help me to remove all the fade-in animations when the fullscreen slider spawn not the image transitions please.

    #1490113

    Hey Uli,

    The featured images are visible on mobile on my end, could you try to explain the problem a bit further please?

    Best regards,
    Rikard

    #1490102

    Hi Rikard,
    Thank you to followup.
    Yes…just did.

    Deleted the image. Renamed it, then uploaded and voila.
    Thank you for the support.

    Best,
    Xavier

    #1490099

    Hi,

    What I imported for you is the content, but without images and demo settings. Do you need those things as well? If you intend to use your own content, it might be better to simply start adding instead of using the demo content.

    Best regards,
    Rikard

    #1490093

    Hey Christian,

    Thank you for the inquiry.

    The screenshot was not accessible when we checked. Please create a test page and provide the site URL in the private field, or share screenshots using platforms such as Savvyify, ImgBB, PostImages, or Dropbox.

    Best regards,
    Ismael

    #1490092

    Hi,

    Thank you for the info.

    We disabled the script and added this code in the Quick CSS field to hide the empty masonry item without an image.

    #top .av-memr40p2-4e918060ab6ff669ef638e6ba94ae4db .av-masonry-container .av-masonry-entry:first-child {
        display: none !important;
    }

    Best regards,
    Ismael

    #1490086

    Hey rixi,

    Thank you for the inquir.

    There are two sliders on the page and both contain only one image or slide. There is no slider with multiple items. Please edit the page, review the sliders and confirm if there are multiple slides there.

    Best regards,
    Ismael

    I’m sorry, I’m getting frustrated.

    If you read my very first post, I cannot use the fullwidth easy slider, as it is not accessible because of how it presents content. It presents as a list item for some reason, which is not correct for accessible readers. I have no idea right now why the color section, which just has a background image is not displaying right now. It was working two days ago, but we’ve been trying to get it to scale responsively for mobile, now nothing is showing.

    if it is the about/leadership page – there is no background-image at all – not even on mobile!

    If you don’t have any content, why use a color section? The easiest option is to use a full-width slider. If you don’t want slider controls, you can adjust the options accordingly.

    but my solution with declaring the background-size: cover and set the color-section height to aspect-ratio of your image will work properly.
    https://webers-testseite.de/hostworks/

    #1490063

    Hi,

    Thanks for that. I’m not sure why the demo import is not working unfortunately, but I’ve added the content shortcodes for you on the page in private. Please note that images or demo settings are not included. Let us know if you should need anything else related to the demo.

    Best regards,
    Rikard

    turkishmarket
    Participant

    I am trying to see that the preview image added for my portfolio item is visible in Portfolio Grids, or Portfolio Page in WordPress. It doesn’t work. I tried clearing cache but it didn’t help.

    Versions:
    Theme Enfold: 7.1.1
    Wordpress: 6.8.1

    Steps:

    1) Go to Portofolio Item Edit Page
    2) Add image in Gallery Preview
    3) Save
    4) Check the Portfolio Items Page
    I can’t see the image updated.

    Images:
    editing portfolio item image preview
    portfolio items page

    Please help

    Yikes, I spoke too soon. the header image vanishes on an actual phone. I dumped the cache on the site. it looks great using on inspect view, but does not on the actual device.

    header image not showing on iPhone

    #1490020
    BlutVampir
    Participant

    I have a custom shortcode:

    <?php
    
    if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly
    
    if ( ! class_exists( 'avia_sc_portfolio_kacheln' ) )
    {
    	class avia_sc_portfolio_kacheln extends aviaShortcodeTemplate
    	{
    		/**
    		 * Create the config array for the shortcode button
    		 */
    		function shortcode_insert_button()
    		{
    			$this->config['version']		= '1.0';
    			$this->config['self_closing']	= 'no';
    			$this->config['base_element']	= 'yes';
    
    			$this->config['name']			= 'Portfolio Kachel';
    			$this->config['tab']			= 'wuk Elements';
    			$this->config['icon']			= AviaBuilder::$path['imagesURL'] . 'sc-image.png';
    			$this->config['order']			= 1;
    			$this->config['target']			= 'avia-target-insert';
    			$this->config['shortcode'] 		= 'av_portfoliokachel';
    //			$this->config['modal_data']     = array( 'modal_class' => 'mediumscreen' );
    			$this->config['tooltip'] 	    = __( 'Inserts an image of your choice', 'avia_framework' );
    			$this->config['preview'] 		= 1;
    			$this->config['disabling_allowed'] = true;
    			$this->config['id_name']		= 'id';
    			$this->config['id_show']		= 'yes';
    		}
    
    		function popup_elements()
    		{
    			$template_url = get_stylesheet_directory_uri();
    			$this->elements = array(
    
    				array(
    						'type' 	=> 'tab_container',
    						'nodescription' => true
    					),
    
    				array(
    						'type' 	=> 'tab',
    						'name'  => __( 'Kachel', 'avia_framework' ),
    						'nodescription' => true
    					),
    
    					array(
    							'type' 	=> 'toggle_container',
    							'nodescription' => true
    						),
    
    					array(
    									"name" 	=> __("Choose Image",'avia_framework' ),
    									"desc" 	=> __("Either upload a new, or choose an existing image from your media library",'avia_framework' ),
    									"id" 	=> "bild",
    									"type" 	=> "image",
    									"title" => __("Insert Image",'avia_framework' ),
    									"button" => __("Insert",'avia_framework' ),
    									"std" 	=> "",
    						),
    
    						array(
    							"name" 	=> __("Title", 'avia_framework' ),
    							"id" 	=> "title",
    							"std" 	=> "",
    							"type" 	=> "input"
    						),
    
    						array(
    							"name" 	=> __("Text", 'avia_framework' ),
    							"id" 	=> "text",
    							"std" 	=> "",
    							"type" 	=> "textarea"
    						),
    
    						array(
    							"name" 	=> __("Button Text", 'avia_framework' ),
    							"id" 	=> "button_text",
    							"std" 	=> "",
    							"type" 	=> "input"
    						),
    
    						array(
    							'name'	=> __( 'Image Link?', 'avia_framework' ),
    							'desc'	=> __( 'Where should your image link to?', 'avia_framework' ),
    							'id'	=> 'link',
    							'type'	=> 'linkpicker',
    							'fetchTMPL'	=> true,
    							'std'		=> '',
    							'lockable'	=> true,
    							'subtype'	=> array(
    											__( 'No Link', 'avia_framework' )	=> '',
    											__( 'Lightbox', 'avia_framework' )	=> 'lightbox',
    											__( 'Set Manually', 'avia_framework' )	=> 'manually',
    											__( 'Single Entry', 'avia_framework' )	=> 'single',
    											__( 'Taxonomy Overview Page', 'avia_framework' )	=> 'taxonomy',
    										)
    						),
    
    						array(
    							'name'	=> __( 'Open new tab/window', 'avia_framework' ),
    							'desc'	=> __( 'Do you want to open the link url in a new tab/window?', 'avia_framework' ),
    							'id'	=> 'target',
    							'type'	=> 'select',
    							'std'	=> '',
    							'lockable'	=> true,
    							'required'	=> array( 'link', 'not_empty_and', 'lightbox' ),
    							'subtype'	=> AviaHtmlHelper::linking_options()
    						),
    
    					array(
    							'type' 	=> 'toggle_container_close',
    							'nodescription' => true
    						),
    
    				array(
    						'type' 	=> 'tab_close',
    						'nodescription' => true
    					),
    
    				array(
    						'type' 	=> 'tab',
    						'name'  => __( 'Advanced', 'avia_framework' ),
    						'nodescription' => true
    					),
    
    					array(
    							'type' 	=> 'toggle_container',
    							'nodescription' => true
    						),
    
    						array(
    								'type'			=> 'template',
    								'template_id'	=> 'screen_options_toggle',
    								'lockable'		=> true
    							),
    
    						array(
    								'type'			=> 'template',
    								'template_id'	=> 'developer_options_toggle',
    								'args'			=> array( 'sc' => $this )
    							),
    
    					array(
    							'type' 	=> 'toggle_container_close',
    							'nodescription' => true
    						),
    
    				array(
    						'type' 	=> 'tab_close',
    						'nodescription' => true
    					),
    
    				array(
    						'type'			=> 'template',
    						'template_id'	=> 'element_template_selection_tab',
    						'args'			=> array(
    												'sc'	=> $this
    											)
    					),
    
    				array(
    						'type' 	=> 'tab_container_close',
    						'nodescription' => true
    					),
    
    				array(
    						'id'	=> 'av_element_hidden_in_editor',
    						'type'	=> 'hidden',
    						'std'	=> '0'
    					)
    			);
    
    		}
    
    		/**
    		 * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
    		 * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
    		 * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
    		 *
    		 *
    		 * @param array $params this array holds the default values for $content and $args.
    		 * @return $params the return array usually holds an innerHtml key that holds item specific markup.
    		 */
    		function editor_element( $params )
    		{
    			extract( $params['args'] );
    
    			global $KACHELINDEX;
    			$KACHELINDEX++;
    
    			if (strstr($link,"manually,")) { $url = str_replace("manually,","",$link); }
    			elseif (strstr($link,",")) {
    				$tmp = explode(",",$link);
    				$url = get_the_permalink($tmp[1]);
    			}
    
    			$out = '<div class="portfolio_kacheln sameheight"'.((empty($button_text) && !empty($link)) ? ' onclick="location.href='.$url.'"' : '').'>
    				<div class="bg2">'.str_pad($KACHELINDEX, 2, "0", STR_PAD_LEFT).'</div>
    				<div class="pic" style="">'.
    					'<img src="'.$bild.'" />'.
    					'<h3>'.$title.'</h3>'.
    				'</div>'.
    				(!empty($text) ? '<p>'.$text.'</p>' : '').
    				((!empty($link) && !empty($button_text)) ? '<p class="action"><a href="'.$url.'" class="button">'.$button_text.'</a></p>' : '').
    			'</div>';
    
    			$params['innerHtml'] = $out;
    
    			return $params;
    		}
    
    		/**
    		 * Frontend Shortcode Handler
    		 *
    		 * @param array $atts array of attributes
    		 * @param string $content text within enclosing form of shortcode element
    		 * @param string $shortcodename the shortcode found, when == callback name
    		 * @return string $output returns the modified html string
    		 */
    		function shortcode_handler( $atts, $content = '', $shortcodename = '', $meta = '' )
    		{
    			extract( $atts );
    			global $KACHELINDEX;
    			$KACHELINDEX++;
    
    			if (strstr($link,"manually,")) { $url = str_replace("manually,","",$link); }
    			elseif (strstr($link,",")) {
    				$tmp = explode(",",$link);
    				$url = get_the_permalink($tmp[1]);
    			}
    
    			$out = '<div class="portfolio_kacheln sameheight"'.((empty($button_text) && !empty($link)) ? ' onclick="'.($target == '' ? 'location.href='.$url.'"' : 'window.open(\''.$url.'\', \'_blank\');') : '').'>
    				<div class="bg2">'.str_pad($KACHELINDEX, 2, "0", STR_PAD_LEFT).'</div>
    				<div class="pic" style="">'.
    					'<img src="'.$bild.'" />'.
    					'<h3>'.$title.'</h3>'.
    				'</div>'.
    				(!empty($text) ? '<p>'.$text.'</p>' : '').
    				((!empty($link) && !empty($button_text)) ? '<p class="action"><a'.($target != '' ? ' target="'.$target.'"' : '').' href="'.$url.'" class="button">'.$button_text.'</a></p>' : '').
    			'</div>';
    
    			return $out;
    		}
    
    	}
    }
    

    taht generates a shortcode like:

    [av_portfoliokachel bild='https://xexadeti.cyon.site/wp-content/uploads/2025/08/sta-schweisstechnische-ausbildung-mag-schweissen.jpg' attachment='277' attachment_size='full' title='MAG' text='(135 - Metall-Aktivgas-Schweissen)	Unverändert: [av_portfoliokachel bild='https://xexadeti.cyon.site/wp-content/uploads/2025/08/sta-schweisstechnische-ausbildung-mag-schweissen.jpg' attachment='277' attachment_size='full' title='MAG' text='(135 - Metall-Aktivgas-Schweissen)
    Gelöscht: MAG – das Arbeitstier unter den Schweissverfahren! Wir zeigen dir, wie’s richtig geht!' button_text='Infos zu MAG' link='portfolio_entries,5' target='' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-mebf8h83' sc_version='1.0' admin_preview_bg=''][/av_portfoliokachel]

    everything working fine, except oine thing, the ‘ Character.

    array(
    							"name" 	=> __("Text", 'avia_framework' ),
    							"id" 	=> "text",
    							"std" 	=> "",
    							"type" 	=> "textarea"
    						),

    If I enter a ‘ char in this “Text” field, it doesnt get escaped as it should
    as example: text=’test’s’ will be the endresult and not text=’test\’s’. Is there a hook or filter where I can “correctly apply escaping to a field?

    Strangly, I did setup the page and that did work. I did update to latest enfold version and now, that is not working anymore. Is that a new bug that the encoding is not correctly working?

    It dows work, when changing the field name from “text” to “content”. But what, if I want more than 1 “content” field?
    Normal textarea should equallless its name escaped correctly in enfold…

    Thanks for aour advice or fix.

    #1490017

    In reply to: Transparent background

    Here you can find the images
    https://postimg.cc/gallery/qB9VVD7
    Login in private content

    #1490015
    sitesme
    Participant

    Hello,

    Please let me know how can I match the font size of the captions on a masonry gallery to be exactly the same as the pages below.
    This should be applied to all galleries across the whole website.

    The difference is that some pages are using a Flexible Masonry (this one is fine) while others use the Perfect Automatic Masonry (with the font too big). The idea is to match them like the flexible masonry is.

    Pages in private for context.

    Thank you

    #1490014
    sitesme
    Participant

    Hi

    There is a short delay animation on Fullwidth Easy Slider that I would like to replicate to all Easy Sliders in the website.
    I am referring to the captions delay. It loads after the image loads, with a short delay of 1 second or so.

    Please refer to the pages in private to understand what I mean.

    Thank you

    Hi,

    Thank you for the inquiry.

    Have you tried setting the Styling > Background Image > Background Repeat option to Scale to fit? This should constrain the image and allow it to display fully within the container. Please refer to the screenshot below.

    Screenshot-2025-10-10-at-1-27-51-PM

    Screenshot: https://ibb.co/N67XKWpc

    Best regards,
    Ismael

    Thank you. However, if you look at the middle image, three options example look what it does to the image.

    These are the settings I’m using for the color section example.
    color section settings

    The third image is the full width slider, which operates as I would expect, but I can’t us that. I need the color section background to work as advertised.

    I have no content going on top of this element. I’m just trying get an image to display full width.

    choose your color-section and set for minimum height option your aspect-ratio in percent.
    F.e. your image with 300/2000 means min-height 15%.
    As long as your content inside your color-section does not grow bigger than the 15% height. The bg-image will react responsive, If you have set the bg-image is set to cover the background.

    PS: for small screen you have to get rid of min-height option for color-sections (100px on default)

Viewing 30 results - 691 through 720 (of 106,439 total)