Forum Replies Created
-
AuthorPosts
-
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,
YigitHey,
As I mentioned, if you need more specific customization, feel free to hire a freelance developer.
Regards,
YigitHi,
Please check if you can reproduce the issue on newer IOS versions. 96% of IOS users are using IOS 15 and 16.
Best regards,
YigitHi,
You can use the following code to adjust the colors of the error field:
.av-fields-with-error { font-size: 20px; color: white; background-color: black; border-color: orange !important; }
If you need specific customization, please hire a freelance developer.
Regards,
YigitHey,
Which browser and version of IOS and iPhone are you using? Did you clear the cache on your mobile device?
Regards,
YigitHey,
There was an error in the Quick CSS field and the code I provided was missing. After fixing the error and adding the code, it works as expected.
Best regards,
YigitHey,
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,
YigitHey,
I checked your website on my iPhone however, the element is working as expected on my end. I attached a screen recording in the private content field.
What exactly is the issue you are experiencing? Please send us a screen recording of the issue.
Best regards,
YigitHey,
Alright, I’m closing this thread for now then. Let us know if you have any other questions or issues.
Regards,
YigitHey!
Is it possible to have a empty column on the footer? If yes, i will set 3 columns and I’ll leave a column blank.
You can set footer columns to “4” in Enfold theme options > Footer, go to Appearance > Widgets, and place an empty Text widget in the widget area that you’d like to leave empty.
Best regards,
YigitHey,
To change the border color, please use the following code:
#top .av-fields-with-error { border-color: green !important; }
The error text is white at the moment ( https://i.imgur.com/bh09vMG.png ). If this isn’t what you meant, please elaborate.
Cheers!
YigitHey,
Please make sure that there isn’t any errors in your custom CSS codes ( http://csslint.net/ ) and that you’ve cleared the caches.
Regards,
YigitHey,
You can edit the Before-After Images element, go to Styling > Size > Image Size ( https://i.imgur.com/MWt2KZZ.png ), and change the image sizes as needed.
Regards,
YigitHey,
Editing the Font Hover Color of the Menu Links in overlay/slide out in Enfold theme options > Advanced Styling should change the hover color. It doesn’t seem to be working at the moment. We’ll fix it in the upcoming version.
For now, please add the following code to the bottom of the Quick CSS field and adjust the color as needed:
.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul li:hover a, #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a:hover { color: #ff0000; }
Cheers!
YigitHey,
You can change the code I posted above to the following one:
#top .custom-class { font-weight: bold; margin-bottom: 40px; }
Cheers!
YigitHey,
Do you want to adjust the background color of the mobile menu? If so, I already replied to your thread here: https://kriesi.at/support/topic/setting-background-overlay/.
Regards,
YigitHey,
Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab:
div.av-burger-overlay-bg { background: transparent; }
Regards,
YigitHey,
Please add the following code to the bottom of the Quick CSS field and adjust it as needed:
.avia-data-table td { font-size: 16px; }
Best regards,
YigitHey,
That is because you inserted the custom CSS code into the custom CSS field. You should insert the custom CSS class in there, as I showed in the screenshot: https://i.imgur.com/okZdq6l.png.
After that, you should add the following code to the bottom of the Quick CSS field in Enfold theme options > General Styling:
#top .custom-class { font-weight: bold; }
Regards,
YigitHey,
Please go to Enfold theme options > Layout Builder, check the “Show advanced options” option, and enable the “Debug Mode (Backend Only)” ( https://i.imgur.com/KdiejNb.png ).
Then, edit the page where you have your Contact Form element, and copy it’s shortcode from the debug field that’ll appear right below the Advanced Layout Builder. After that, go to Appearance > Widgets, add a Custom HTML widget to your Footer widget area, and paste the shortcode of the Contact Form into the Custom HTML widget.
Regards,
YigitHey Stilecatalini,
Please stop creating duplicate threads: https://kriesi.at/support/topic/contact-form-2/.
Best regards,
YigitHey,
You have the following custom CSS code:
.av-fields-with-error { font-size: 20px; background-color: rgba(0,0,0,0); border: 0; }
With this code you’re setting background color to transparent. Modify this code to change the background color.
Best regards,
YigitHey,
You should check the custom CSS code you have in the Enfold theme options > General Styling > Quick CSS and Appearance > Customize > Additional CSS fields for errors.
Regards,
YigitHey,
It looks like your custom CSS is not applied. Probably because of an error in your CSS as I mentioned in your other threads.
Please use the CSS Lint site ( http://csslint.net/ ) to check your CSS for errors and fix them. This should work after fixing the CSS error.
Regards,
YigitHello,
You can go to Appearance > Menus, click the Screen Option on the top right corner, and check the CSS Classes option ( https://i.imgur.com/2d9bwAS.png ). Then, you can select your ENG menu item, give it a custom CSS class ( https://i.imgur.com/okZdq6l.png ), and add the following code to the bottom of the Quick CSS field in Enfold theme options > General Styling to display it in bold:
#top .custom-class { font-weight: bold; }
Best regards,
YigitHey,
I can see the issue. Please see the troubleshooting steps here: https://kriesi.at/documentation/enfold/contact-form/#troubleshoot. We’d recommend you replicate the issue on a staging site and follow these steps so as not to affect your live site.
Best regards,
YigitHi,
I already provided you with custom CSS code for that here https://kriesi.at/support/topic/widget-image-dimensions-only-phone/#post-1419863.
If it’s not working correctly, there might be an error in your CSS. You can check for errors using this site http://csslint.net/ and correct them. After that it should work as expected.
Cheers!
YigitHey,
Yes, that is possible but it would require customization which is out of the scope of our support. If that’s something you really need, feel free to hire a freelancer for the task.
Best regards,
Yigit -
AuthorPosts