Hi,

Thanks for the update, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

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

#top #wrap_all .social_bookmarks:hover a {
  background-color: #000;
}

#top #wrap_all .social_bookmarks a:before {
  font-size: 16px;
}

The documentation you linked to is for the social share element, not the icons in the header. I’m not sure which example you would like to mimic, but I don’t think large rectangle buttons would look nice or fit inside the header unfortunately.

Best regards,
Rikard

Hi,

Great, I’m glad to hear that it’s working on your end as well. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey,

I added the code to the bottom of Enfold theme options > General Styling > Quick CSS.

You are setting the background color with the following custom CSS:

#top #wrap_all #header_main .av-burger-overlay-scroll {
    -webkit-backdrop-filter: saturate(0.9);
    backdrop-filter: saturate(0.9);
    background: rgba(0,0,0,0.9);
}

Best regards,
Yigit

Hey,

There isn’t a limit, but there’s a support policy ( https://themeforest.net/page/item_support_policy#whats-not-included-item-support ). I shared this link with you multiple times and pointed out that customization is out of the scope of the support. As far as I’m aware, only 1 thread out of the 46 you started is an actual issue in Enfold.

This thread is a perfect example: https://kriesi.at/support/topic/setting-background-overlay/. We provide you with a custom CSS, you say it doesn’t work, we tell you what could be the issue, you say “check”, we check it and the issue ends up being what we guessed earlier and the custom CSS we provided isn’t even added.

You’re clearly looking for someone to log in to your site and do the customizations for you but this is a task that’s meant for freelance developers, not us.

I provided you with a selector in this thread. If you’d like to apply this styling for a specific Contact Form element, you can edit your Contact Form element, go to Advanced > Developer Settings > Custom CSS Class, add a custom CSS class to your element (“your-custom-css-class” in the example below), and use the code as the following:

.your-custom-css-class .av-fields-with-error {
/* Your custom CSS for the Contact Form element with "your-custom-css-class" goes here */
}

Best regards,
Yigit

Hey woogie07,

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

.av-subnav-menu li {
  font-size: 16px;
  font-weight: bold;
}

Best regards,
Rikard

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,

Is this all custom CSS you have in Enfold theme options > General Styling > Quick CSS and Appearance > Customize > Additional CSS fields?

If it is, please create temporary admin logins and share them with us in the private content field so we can look into it.

Best regards,
Yigit

Hey!

Thank you for the inquiry.

Thank you for your answer! In “Downloads” there is nothing about Enfold… https://www.dropbox.com/scl/fi/5u6ilybbbiu63hzz8x50i/Screenshot-2023-10-02-080159.png?rlkey=pesyo6lvxowo6z40z5jjo2dp0&dl=0

This means that the account that you’re using is not the account that was used to purchase the theme. Please contact Themeforest for more info about your account and recent purchases.

Cheers!
Ismael

Hey Tim Stellmacher,

Thank you for the inquiry.

We tried to validate your purchase code in the register page but it returned as invalid. Please go to your Themeforest account, access the Enfold theme in the Downloads page, then download the License Certificate. You should find the valid purchase code info in the certificate.

For more info, please check the documentation below.

// https://help.market.envato.com/hc/en-us/articles/202822600-Where-Is-My-Purchase-Code-

Best regards,
Ismael

Hey Tim Stellmacher,

Thank you for the inquiry.

Did you use the purchase code in the following page?

// https://kriesi.at/support/register/

If you want to update the theme through the dashboard, you have to generate a personal or private token. Please check the documentation below for more info.

// https://kriesi.at/documentation/enfold/theme-registration/#what-is-an-envato-personal-token

You can also update the theme manually via FTP.

// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

Best regards,
Ismael

Hi,
1: I adjusted this css from 50% to 55% and it seems better, if you want more space try 60%

2: I added this css:

.main_color .sidebar p {
	color: #000;
}

3: I view the podcasting test page on my Android and with Chrome Dev Tools, please see this article, is this what you mean?

Best regards,
Mike

Hey Martijn,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all #header {
    background-color: transparent;  
}
}

the expected results:

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 989px) { 
	.team-social-inner {
		top: 25%;
	}
	.responsive.av-no-preview #top .avia-team-member .team-social {
		height: 100px;
	}
}

the expected results:

Best regards,
Mike

Hey SimonePols,
Thank you for the link to your site, I see that this is a LearnPress CPT created with the Classic Editor, I’m not familiar with LearnPress, it looks like you don’t have an option to choose a template in the Page Attributes that WordPress gives to pages:

and since it is not a Advanced Layout Builder page you can’t remove the header and footer with the Layout options

Perhaps try asking the LearnPress support how you can achieve this, as they would know more about this than us.
Or you can try this css to remove the header, footer and inner elements, except the title and your video from your single-lp_lesson pages:

.single-lp_lesson .lp_lesson .blog-meta,
.single-lp_lesson .lp_lesson .av-vertical-delimiter,
.single-lp_lesson .lp_lesson .post-meta-infos,
.single-lp_lesson .lp_lesson .av-social-sharing-box {
	display: none !important;
}
.single-lp_lesson .container_wrap_first {
	height: 100vh !important;
}
.single-lp_lesson #header,
.single-lp_lesson #socket,
.single-lp_lesson .wpautoterms-footer {
	display: none !important;
}

Perhaps this will help, Please see the screenshot in the Private Content area.

Best regards,
Mike