Hi,
Please see our documentation for: How to add Custom Social Icons to Enfold options.

Best regards,
Mike

Hey Anton,

Thank you for the inquiry.

Adding this css code should remove the space below the video.

.su-youtube.su-u-responsive-media-yes {
    margin-bottom: 0;
}

The double button on the official site is not available by default, but here is the markup in case you want to use it on your own site.

HTML:

<div class="avia-double-buttons "><a href="https://site.at/themes/enfold-overview/" class="avia-double-button avia-double-button-1">View Demos</a><span class="button_or">or</span><a href="https://1.site.market/" class="avia-double-button avia-double-button-2">Purchase Now</a></div>

CSS:

#top .avia-double-button {
    letter-spacing: 1px;
    padding: 13px 20px;
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    min-width: 175px;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    border: 4px solid #fff;
    text-decoration: none;
}

#top div .main_color .avia-double-button {
    border-color: #e1e1e1;
    background: #fcfcfc;
    color: #222222;
}

#top #wrap_all .avia-slide-wrap .avia-double-button, #top #wrap_all .avia-hover-fx .avia-double-button {
    background: #000;
    background: rgba(0,0,0,0.2);
    border-color: #fff;
    color: #fff;
    padding-bottom: 11px;
    text-decoration: none;
}

#top .avia-double-button-2 {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-left: none;
}

#top .avia-double-button-1 {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-right-width: 2px;
}

.avia-double-buttons {
    margin-top: 30px;
    text-align: center;
    position: relative;
}

#top .button_or {
    position: absolute;
    display: block;
    height: 26px;
    line-height: 21px;
    width: 26px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -14px;
    background: #fff;
    color: #666;
    border-radius: 100px;
    font-size: 10px;
    border: 2px solid #FFF;
    font-style: italic;
    font-weight: 600;
    z-index: 11;
}

Best regards,
Ismael

Hi,
Thanks for the login, I tested both of your custom buttons:

and they both show the add more button option:

so I added more buttons and saved your page:

please check, if you still are unable to add buttons then please try the login you posted for us.

Best regards,
Mike

Hi,
On mobile there is not enough room for the buttons next to the logo, so they will need to be smaller and under the logo.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 430px) { 
	.responsive #top #header #header_main .inner-container .widget {
    order: 3;
    flex-basis: 100%;
	}
	.responsive #top #header #header_main .inner-container .widget .avia-button.avia-size-medium {
	padding: 12px 5px 10px;
    font-size: 12px;
    min-width: 60px;
	}
	.responsive #top #header #header_main .inner-container .widget>div {
		padding: 0;
	}
	.responsive #top #header #header_main .inner-container .widget>div>div {
	text-align: center;
	}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the link to your site, the issue was in your widget there was a “pre” & “code” tag, probably from were you copied the code from.

I removed it for you and now your header buttons are correct

please clear your browser cache and check.

Best regards,
Mike

Hi,

Thank you for the inquiry.

You can use the following filter to add a new social icon into the list.

// https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

However, as the LINE icon isn’t included by default, you’ll need to retrieve an SVG version of the icon and convert it to a font icon using Fontello. Afterward, you can upload it to the theme using the Iconfont Manager. Please refer to the documentation below for detailed instructions.

// https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-
// https://vimeo.com/75743285

Best regards,
Ismael

Hi,
Thanks for the login, when I add a new post and add a image:

and select an image the default size is large:

I tested this a few times, I also tested the image element in the ALB:

and it also worked, I know that you said that you are not using the ALB and only the Classic Editor, so I was just testing.

so try using the Add Media button on a new post:

Best regards,
Mike

Hey sharynt3,
Please see this tutorial for making the team member element a popup.
In this thread Guenni007 offers another solution using a image, text & button to simulate a team member popup and has a working example that you can try.

Best regards,
Mike

Hey smarta-brett,

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

.home .avia-slideshow-button {
    display: table;
    margin: 0 auto;
    margin-top: 20px;
}

Best regards,
Rikard

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

Hey Angelo,
Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
#top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title {
    vertical-align: middle;
 }
}

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

Best regards,
Mike

Hi,
Please find the link below to import the 2017 demo slider into your LayerSlider using the import button:

Best regards,
Mike

Hi,
From what I see the “button” that is added in your portfolio grid is a link that has been added in the footer with a custom class of “x”:

this is not typical, usually the footer is empty:

so this is probably some custom code to add this link and create the button, and since you are losing this customization when you update the site it would point to a possible core file that has been customized instead of this code in your child theme, or perhaps the code needs to be adjusted to work correctly.
Please post the custom function that creates this button so we can test it on our test sites. I looked in your child theme but couldn’t find anything that would do this.

Best regards,
Mike

Hey Chrisxx1982,
Thank you for your patience and the screenshots.
1: please link to this page as I couldn’t find the purple color on my Android device, you are using Android correct?
2: Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #menu-item-shop .av-cart-counter {
    background-color: red;
    color: #ffffff;
}

3: try this css:

#top #main div.woocommerce-error a.button, #top #main div.woocommerce-message a.button {
    background: red;
}

4: for the links on this one page only in the text element, try this css:

#top.home .avia_textblock strong a {
	color: red;
}

5: try this css:

#top ul.products li .price,
#top p.price {
	color: #000 !important;
}

Please adjust the colors to suit, after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sure if you wish, if it helps try these steps, if you see this Verify domain ownership via DNS record

and you added custom nameserver DNS URLs where you bought your domain from, like NameCheap.com

which points to your webhost with a cPanel, you can go to Zone Editor

then click “add record” ▸ “add TXT record”

then add the domain name like the other TXT records (without https) and paste the google code:

and wait a few minutes and the click “verify” on the google Verify domain ownership popup:

I had to wait about ten minutes and check three times on my test site, but this I got the success message:

then you can go to URL Inspection see the Request Indexing button which you can use to get Google to re-crawl and re-index your URL.
But you might have to wait a day before doing this, as I found that with a new account and domain google shows the message Processing data, please check again in a day or so

But at least you got the ball rolling, in the future you will find the Google Search Console to be very helpful.

Best regards,
Mike

Hi,
When I test the filter that Ismael posted above on my test site child theme functions.php and test a masonry element for a specific category, and set all of the items to “draft” the masonry element is not included in the page source code and it shows no items until I publish one of the posts for the specific category.

add_filter('avf_masonry_query_no_entries_fallback', function($fallback) {
    return false;
}, 10, 1);

So this filter seems to be working correctly, when I examine your site you seemed to also be tring to show posts in a masonry element, but you didn’t have a category selected:

thus on the frontend the masonry element showed some “pages” instead of “posts”

so I selected the category in the masonry element:

and now on the frontend the masonry doesn’t show any items:

the title and button show because they are separate elements:

Please check.

Best regards,
Mike

Hey schweg33,

Thank you for the inquiry.

Are you trying to edit the password protected page? If so, try to add this filter in the functions.php file and add your own modifications.

function avf_custom_password_form()
{
    global $post;
    $label = 'pwbox-' . ( empty( $post->ID ) ? rand() : $post->ID );
    $output = '
    <div class="boldgrid-section">
        <div class="container">
            <div class="av-more-info">More info here</div>
            <form action="' . esc_url( site_url( 'wp-login.php?action=postpass', 'login_post' ) ) . '" class="form-inline post-password-form" method="post">
                <p>' . __( 'This content is password protected. This is a custom message. To view it please enter your password below:' ) . '</p>
                <label for="' . $label . '">' . __( 'Password:' ) . ' <input name="post_password" id="' . $label . '" type="password" size="20" class="form-control" /></label><button type="submit" name="Submit" class="button-primary">' . esc_attr_x( 'Enter', 'post password form' ) . '</button>
            </form>
        </div>
    </div>';
    return $output;
}
add_filter('the_password_form', 'avf_custom_password_form', 99);

If you want to add a slider, try setting the builder to debug mode so that you can extract the shortcode of a builder element from one of your pages.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Best regards,
Ismael