Hi,
Please try this instead:

#top .main_color .product-remove a.remove {
    background-color: #000;
}

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

Best regards,
Mike

Hi,
Also write if you get no errors :)

Best regards,
Mike

Hi,

@profumopuntoit please take another look at @Guenni007’s “section-link” solution above as it does what you originally asked for:

I thought that a Color section with just a background image could be the solution

and it only has three steps:
1: add the script to your functions.php file.

2: and your background image and a custom class “section-link” to a color section.

3: add a code block section to the color section with the link you wish to use.


quite easy and works great, thank you for sharing @Guenni007

So while we do not have a built-in option right now, this is a good solution you should try, I have submited a feature request to the Dev Team for a full width option in the image element, for their review.

Best regards,
Mike

Hey Carsten,
Thank you for the login, I first noticed that your child theme stylesheet didn’t contain the required header info so I added it for you, I don’t think this was the problem but it would be a problem in the future:

/*
Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0.1
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/

Then on your page your last text block had a double open underline tag around the link:

once I corrected I was able to add two more color sections and successfully save:

please check and watch out for unclosed tags and nested open tags as it could cause issues.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey navindesigns,
Thank you for your patience, please try adding the Team Member elements to the Content Slider element via the shortcode and setting the number of columns in the Content Slider to the number of Team Members you would like to see. For example I Enabled the Avia Layout Builder Debugger on my demo site so I could see and copy the Team Member shortcodes:

then I added it to the Content Slider:

I added a total of 9 as an example

then I set the columns to 3

now they show as a slider

Best regards,
Mike

Hey Munford,
Thank you for your patience and for the link to your site, please try adding this css, in my test it works for both of your pages without adding the page IDs, but you can add the page IDs to ensure no conflits with other pages if you wish.

@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all .av_one_fourth.el_after_av_one_fourth.el_before_av_one_fourth.flex_column_table_cell:nth-child(5) {
	    clear: left;
}
}

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

Best regards,
Mike

Hi,

@Guenni007 thank you for trying to assist, as I recall you have created several good solutions for the black space on the sides of videos.

@justinteo85 above you have linked to a “preview” of a page which we can not see unless you also provide a admin login, but I would recommend creating a test page and publicly posting it so we can all help you.
As I understand your question, you have a landscape video that doesn’t show well on a portrait mobile device, I would recommend linking to a different portrait video for mobile devices.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey mkhib,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (max-width: 768px) { 
#top .mfp-iframe-scaler {
    height: 90vh;
}
}

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

Best regards,
Mike

Hey Hurricane4x,
Thank you for your screenshots, from them I believe that you are the Windows setting “Scale and Layout”, this is only a local setting and doesn’t accurately test your site.
You should use the Edge DevTools by pressing [F12]
I assume that you are trying to Emulate mobile devices in Microsoft Edge, the Windows setting “Scale and Layout” will not do this.

Best regards,
Mike

Hi,
Ok, we will leave this open to hear back from you.

Best regards,
Mike

Hey Gary,
Thank you for the feedback but this is the correct behavior, as I tried to explain here, the main content of a TEC page in the div with the class .template-event-page (note the word “event”) is meant to be styled by TEC and not overridden by the theme defaults, when the default stylesheet for events is used, ie. “Tribe Event Styles” as your screenshot above shows.
If you choose to use the “Skeleton Styles” option you are saying that you do not want to use the TEC v5 styles and thus the basic element styling for the elements is used, for the lack of any other styling.
Sorry if I have not explained this well, here you have the option to use the TEC style or not, as for your custom shortcodes that add ul’s and have a different element spacing or bullet type, I also tried to explain how you will need to apply your own css to adjust because not all users will be using the same customization as you are.

Best regards,
Mike

Hi,
Thank you, I don’t see that you have any custom cookies applied, but you do have an error from the captcha code plugin:

please try disabling this plugin.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike