Hi,

Sorry for the delay. You should be able to replace the default text with a close (x) icon using this css code.

.btn-default.mfp-close {
	text-indent: -9999px;
        right: -100px;
        overflow: visible;
}

.btn-default.mfp-close::before {
	content: 'x';
	position: absolute;
	top: 0;
	left: 0;
	color: blue;
	width: 40px;
	height: 40px;
	font-size: 16px;
	text-indent: 0;
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hey!

Can we have access to the dashboard? We would like to modify the consent container and add the aria-hidden=’true’ to it. According to the following article, adding the attribute will help screen readers to identify elements that are not required in the reader view.

// https://www.456bereastreet.com/archive/201205/hiding_visible_content_from_screen_readers_with_aria-hidden/

Cheers!
Ismael

Hey HITFighter,

Thank you for the inquiry.

It seems like animations will start only if you scroll past 50% of the section.

Yes, that is correct. The waypoint script handles the execution of the animation on scroll. If you want to adjust the offset value so that the animation triggers once the element is visible in the view port, please edit the js > shortcodes.js file and look for the activate_waypoints function around line 217. Set the offset value from “80%” and “95%” to “-50%” so that the animation triggers when the element is visible at the bottom of the screen.

Best regards,
Ismael

Hey vantagepointmg,

Thank you for the inquiry.

We didn’t really notice any issue with the slider in the page nor in the video clip. There is no image that pops up after the video. In which browser are you testing it?

Best regards,
Ismael

Hi,

Thank you for the clarification.

You should be able to use the following css code to align the subscription fields horizontally.

.avia-mailchimp-form fieldset {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	flex-direction: row;
}

.avia-mailchimp-form fieldset .form_element {
	margin-right: 10px;
}

.avia-mailchimp-form fieldset .button {
	top: 28px;
	position: relative;
}

Please don’t forget to toggle the Performance > File Compression settings after adding the code.

Best regards,
Ismael

Hi,

Thank you for the update.

How did you fix it? Sharing the solution will really help a lot of users who might be experiencing the same issue. If you don’t mind, please post the solution in the thread including any info that might help others fix the issue on their own. Thank you.

Best regards,
Ismael

Hi,

Thank you for the update.

The Woocommerce breadcrumb is disabled by default because the theme has its own breadcrumb option. If you want to bring the plugins’s breadcrumb back, please follow @victoria‘s suggestion above, then go to the Enfold > Header > Header Layout and set the Header Title and Breadcrumbs to the second or fourth option to disable the default breadcrumb from the theme.

Best regards,
Ismael

Hi,

@meanster99: Did you add the css code, then toggle the Performance > File Compression settings afterwards? Please create a new thread and provide a direct link to the page where the dropdown menu is located.

Best regards,
Ismael

Hi,

Thank you for the update.

The theme doesn’t really change anything in the import process, so the “video slider” demo is probably created from an older version of the plugin, and is now incompatible with the latest version. Have you tried using a different demo?

Please contact the layer slider team for additional help regarding the issue.

Best regards,
Ismael

Hi,

Thank you for following up.

Did you remove the page with the “demopopup”? It doesn’t seem to exist anymore — leads to a 404 page. Please post the login details in the private field so that we can create a test page with an inline popup, or follow these steps.

1.) Add the above snippet in the functions.php file to initialize the lightbox.

2.) Create a link with the “inline_popup” class name and set the href attribute to the ID of the element that you want to display inside the lightbox.

<a href="#inline-section" class="inline_popup">Inline Popup</a>

3.) Edit the color section element, then use “inline-section” in the Section ID field. Update the page.

Best regards,
Ismael

Hi,

This contact form is deactivated because you refused to accept Google reCaptcha service which is necessary to validate any messages sent by the form.

Sorry for the delay. This is probably related to the privacy & cookies option. The spam protection is not working properly because it is initially deactivated on page load, and only when the cookies are accepted and the page is refreshed will they start working. If you want services such as the spam protection to work on page load without the users accepting the cookies first, please go to the Enfold > Privacy & Cookies panel, look for the Default Cookie Behaviour and set it to the first option so that the essential cookies that enables these services are automatically added in the local storage on page load.

Best regards,
Ismael

Hi,

Thank you for following up.

Where can we see the issue? We can’t find any blog posts in the site with a layer slider in it. Please provide a link to the post so that we can inspect it, or provide the login details in the private field.

Best regards,
Ismael

Hi,

Thank you for the update.

The stylesheets in the live site is currently merged or compressed. Please go to the Enfold > Performance panel and disable the File Compression settings temporarily. If there is a cache and minification plugins installed in the site, disable them for a while or purge the cache, before checking the buttons in the “Camper Forms” page again. Let us know how it goes.

Best regards,
Ismael-

Hi,

Thank you for the update.

I did not set jquery to load in the footer. If that is the case, I have no idea how that happened.

There is an option in the Enfold > Performance panel that allows users to load jQuery in the footer. Please go to the panel, look for the “Load jQuery in your footer” option and disable it. If it’s not enabled, try to deactivate the plugins temporarily to discern any incompatibility issue.

Best regards,
Ismael

Hi,

Glad to know that it’s somehow working. If you want to style it, try to add a class name or attribute to the surrounding span tag.

if ($featured_img_desc) echo '<span class="featured-image-description">'.$featured_img_desc.'</span>';

You can now use the class name to target the description. Example:

.featured-image-description {
    color: red;
}

Please don’t forget to toggle the Performance > File Compression settings after adding the css.

Best regards,
Ismael