Hi Lion,

I’m sorry for the delayed response.

Please add the following code to the Quick CSS in Enfold theme options > General Styling:

/* To fix the background images on tablet */
@media only screen and (max-width: 1024px) {
    .touch-device #top .avia-section.avia-bg-style-fixed {
        background-attachment: scroll;
    }
}

/* To fix the Social Share icons on mobile */
@media only screen and (max-width: 480px) { 
    .av-social-sharing-box:not(.av-social-sharing-box-rounded, .av-social-sharing-box-buttons, .av-social-sharing-box-default, .av-social-sharing-box-minimal) .av-share-box ul li {
        display: inline-block;
    }
	.av-social-sharing-box-circle .av-share-box ul li, .av-social-sharing-box-icon .av-share-box ul li {
    	margin-bottom: 2px;
    }
}

After adding the code, please make sure to clear any server-side, plugin-based, and browser caches.

Best regards,
Yigit

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

Hi,
I believe you are referring to changing the content of the pages after they have been created by some other way instead of editing the pages themselves, such as though the database with an import file such as, xml, csv, or json. Such as your opening post.
I don’t know of any plugins that can do this.
We do have a Custom Element Templates option, and these elements have a group level ability, such as changing the text of a custom button, or the color and size this might work for you if all of your galleries and content was the same on every page.

Best regards,
Mike

Hey Laura,

The code you have on your website is a Personal Token. To register to our support forum, you’d need to enter your Purchase Code.

You can go to the Downloads page ( https://themeforest.net/downloads ), click the Download button, and select the License Certificate option to find your Purchase Code:

After registering to our support forum ( https://kriesi.at/support/register/ ), you can start new threads under Enfold sub forum ( https://kriesi.at/support/forum/enfold#new-post ).

Best regards,
Yigit

Hi Tom,

Do you have access to the ThemeForest account that was used when purchasing the license? If so, you can go to the Downloads page ( https://themeforest.net/downloads ), click the Download button, and select the License Certificate option to find your Purchase Code:

Then, you can go to the Register page ( https://kriesi.at/support/register/ ), register to our forums using your purchase, and start new threads under Enfold sub forum ( https://kriesi.at/support/forum/enfold#new-post ).

Best regards,
Yigit

Hi,

I’m sorry for the confusion, this feature has been added in Enfold 5.6.9. If this button isn’t available on your site, you’re probably using an older version of the theme. Updating the theme should add the option: https://kriesi.at/documentation/enfold/theme-update/.

Regards,
Yigit

Hey Sebastian,
I tested with a medium sized button and this css:

.my-custom-button,
.my-custom-button a.avia-button {
padding: 0;
width: 100px;
height: 100px;
border-radius: 100px;
line-height: 108px;
}

.my-custom-button .avia_iconbox_title {
width: 72px;
display: inline-block;
line-height: 16px;
}

This was the result:

Please give this a try.

Best regards,
Mike

Hey macika,

Thank you for the inquiry.

Have you assigned one of the menus as the Enfold Main Menu in the Appearance > Menus panel? Please go to the Appearance > Menus panel, select your main menu, and assign it as the Enfold Main Menu in the Menu Settings > Display location section.

If you want to create a button-like menu item, edit one of the menu items in the Appearance > Menus panel, and then adjust the Menu Style settings.

Best regards,
Ismael

Hi,
On my test page I added two more buttons with the URLs #open-popup3 and #open-popup2

and adjusted the code blocks to match:

and they work correctly:

try checking your code again.

Best regards,
Mike

Hi,
To enable a button to open the popup, add a button to your page and set the link URL to #open-popup:

then go to Advanced ▸ Developer Settings and add the custom class open-popup-button:

then update the popup script in your child theme functions.php to this:

function magnific_popup_with_no_scroll_and_button() { ?>
  <script>
(function($) {
  $(window).on('load', function(){
	$('.open-popup-button a').addClass('open-popup-link');
    $('.open-popup-link').addClass('no-scroll');
    $('.open-popup-link').magnificPopup({
      type:'inline',
      midClick: true,
      callbacks: {
        beforeOpen: function () {
          $('body').css("overflow-y", "hidden");
        },
        close: function() {
          $('body').css("overflow-y", "auto");
        },
      },
    });
  });
  })(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'magnific_popup_with_no_scroll_and_button', 99 );

then you can use both text links and buttons for your popup like in the example:

Best regards,
Mike

Hey MikeTandySwag,
Thanks for the mockup, I recommend using the Masonry Element with the Display Title and Excerpt and Display as centered overlay (overlays the image) selected:

then under styling choose a Large Gap and Perfect Grid:

Then under the Advanced tab ▸ Developer Settigs add the custom class custom-masonry-with-button, note that you do not add the class dot:

For my example I choose to use two columns and only show four posts.
Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.custom-masonry-with-button .av-masonry-date {
	display: none;
}
#top .custom-masonry-with-button.av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
    vertical-align: bottom;
}

Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_masonry_loop_prepare','avia_change_default_link', 10, 2);
function avia_change_default_link($loop, $entries)
{
	foreach($entries->posts as $key => $entry)
    {
        if($entry->post_type == "post")
        {
            $more 	 		 =  "<br /><span class='custom-masonry-more-button avia-button avia-size-x-large avia-position-center avia-color-light'>".__('Read more','avia_framework')."</span>";
			$loop['content'] =   avia_backend_truncate($entry->post_content, apply_filters( 'avf_masonry_excerpt_length' , 0) , apply_filters( 'avf_masonry_excerpt_delimiter' , ""), "", true, '') . $more;
        }
    }

    return $loop;
}

If you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets, for this code you would choose the PHP snippet:

This is the expected results:

Please give this a try.

Best regards,
Mike

Hi,
Please note in our documentation Custom Elements Advanced Options about the opton: Custom Elements For Subitems which by default is set to All sub-items use the same custom element template for button rows you will want to change this to Individually select subitem custom element templates
Please scroll down to this part of the documentation for Button Rows and review.
I have done this for you on your test page:

Best regards,
Mike

Hey Monique,

Thank you for the inquiry.

Please temporarily edit the enfold/config-templatebuilder/avia-template-builder/php/class-element-templates.php and remove this code around line 672.

			$duplicate  = '<a href="' . $notify_url . '" aria-label="' . esc_attr__( 'Make a duplicate from this element template', 'avia_framework' ) . '" rel="permalink">';
			$duplicate .=		esc_html__( 'Duplicate', 'avia_framework' );
			$duplicate .= '</a>';

			$actions['duplicate'] = $duplicate;

Let us know if this removes the Duplicate button.

Best regards,
Ismael

Hi,
Typically when you add a new social profile following the documentation this is the correct code snippet that you should add to your child theme functions.php:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['line'] = array( 'font' =>'icomoon', 'icon' => 'ue900');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons['Line'] = 'line';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
// Add new icon to sharebox
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args){
    $tiktok = array('line' => array("encode"=>true, "encode_urls"=>false, "pattern" => "https://line.me/", 'label' => __("Share on Line",'avia_framework')));
    $args = array_merge($line, $args);
    return $args;
}

and then you would choose the new social profile from the options”

and then it will show on the front end:

I have done this for you.

Best regards,
Mike