Hi,
Glad that we were able to help, please note that in this code, the first class is the page:
.page-id-76
so it is only for this page.
the next class is for the first element on the page, which in this case is a column element:
.avia-builder-el-0
if you wanted to add this to multiple pages, you could add a custom class or ID to these column elements under “Developer Settings” on all of the pages.

When you add custom classes in the field you don’t need to add the “dot”, just the class name.
the third class is for the text block:
.av_textblock_section
and then the paragraph text in the text element:
p
Hopefully this will help, if it does let us know and we will close this thread.
You can always open a new thread in the future for further questions.
Best regards,
Mike
Hi,
The custom colors in the back to top #scroll-top-link CSS are no longer displaying the arrow color. Instead it looks like a black box with nothing in it and then on hover a red box with nothing in it. The expectation is a white or black arrow within the box. The CSS we are using is listed below.
Comet cache has been cleared and then deactivated. Under Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression, the appropriate options has been selected and Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files has been enabled. It didn’t make a difference.
Advice is appreciated as to how to correct this. Website URL in private content. Thanks.
#scroll-top-link {
background-color: #000000 !important;
border-color: #000000 !important;
color: #ffffff !important;
}
#scroll-top-link:hover {
background-color: #e3002a !important;
border: 1px solid #e3002a!important;
color: #000000 !important;
}
In using the Enfold Google Maps widget, the current map I have on my site has over 80 points. Right now it takes a bit of time for all of them to load. Is there a solution to speed up the load time, or a way to turn off the animation so they just load? Thanks in advance.
MartinGuest
We are using ENFOLD for years, but now we have lot of issues… Of course i would like to buy support , but how to do it ? There is just the purchase of new licence. At the moment just the hifi part of web is problem
Undefined array key “layerslider-css” in /www/doc/www.altei.cz/www/hifi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-asset-manager.php on line 1300
CHILD theme is on but it says that one of the themes is not loaded… (the parent one)
Thank you for help
MartinGuest
We are using ENFOLD for years, but now we have lot of issues… Of course i would like to buy support , but how to do it ? There is just the purchase of new licence. At the moment just the hifi part of web is problem
Undefined array key “layerslider-css” in /www/doc/www.altei.cz/www/hifi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-asset-manager.php on line 1300
CHILD theme is on but it says that one of the themes is not loaded… (the parent one)
Thank you for help
JanGuest
Hi,
I’m not able buy the new version of Enfold, it won’t access any of my credit card.
What can I do ?
JanaGuest
Hi,
I’m using Enfold for my old website . Now I want to have an other Domain. So I have to buy a new licens.
My question is: Can I copy the old Website Design and Content to the new Homepage, how it looks now?
Thank you for your answer.
Jana
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
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
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.header_color .menu-item:not(.current-menu-item) .avia-menu-fx {
opacity: 1;
visibility: visible;
background: gold;
}
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,
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
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.av_minimal_header .avia-menu-fx {
display: block;
top: 155%;
width: calc(100% - 26px);
left: 13px;
}

Best regards,
Mike
Hey rixi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (min-width: 768px) {
#av_section_2 .flex_column_table .avia-button-wrap {
position: absolute;
bottom: 0;
left: 20%;
transform: translateX(-13%);
padding-bottom: 20px;
}
#av_section_2 .flex_column_table .av_textblock_section {
padding-bottom: 50px;
}
}
for this:

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
on default there are allready these lines : https://kriesi.at/themes/enfold/portfolio/
maybe you set it to display: none ? search for selector .avia-menu-fx
you then can influence by – f.e.:
#top .header_color .avia-menu-fx {
height: 4px
}
#top .header_color.av_header_transparency .menu-item a:hover .avia-menu-fx {
background: red
}
#top .header_color:not(.av_header_transparency) .avia-menu-fx {
background: green
}
Hi,
I am not able to se the demo https://kriesi.at/themes/enfold-shop/ you loaded.
Thanks.
Best regards,
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 dondela,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
right: 30px;
bottom: 30px;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi,
Glad Ismael 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
Hi,
Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
fill: #ee1d85;
}
#top .avia-slideshow-arrows.avia-slideshow-controls a {
background: transparent !important;
}
for this effect:

Best regards,
Mike
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.gm-style-iw-chr button {
height: 0 !important;
top: -10px !important;
}
.gm-style-iw-ch {
padding: 0 !important;
}
for this result:

Best regards,
Mike
Hi,
If you have downloaded the theme package from Themeforest, then unpack it on your local machine, then install the enfold.zip file located in the unpacked directory.
Best regards,
Rikard
I thought this would be simple for me to figure out, but it is not.
My CSS skills are limited and when I view the code (in my browser) I can’t tell which classes I should use to format certain specific things.
On this page:
https://2p4twjkbl5.papa-view.com/
I would like to have a black gradient behind the white text and also be able to format the text. I’ve tried a few CSS things which haven’t worked.
I’ve searched the forum in as many ways as i can think of, have watched youtube videos about Enfold and of course started with Enfold documentation. Enfold is a great theme, but I cannot find a way to do these simple things.
Any help or pointing me to resources would be appreciated.
Hi,
Glad that the update worked for you. I have not used the GT Translate plugin and I don’t see any errors in the browser console on your site.
Please open a new thread for this new issue, since the opening title for this thread is now solved, this helps other users find solutions based on the opening subject line quicker and helps keep the thread length manageable and on topic for multiple mods to assist. Thank you for your understanding.
Best regards,
Mike
Hey NicomIT,
The thread you linked to is 7 years old, if there was a general problem with uploading images to the theme then it would have been fixed a long time ago. Are you sure that it’s not a conflict with another plugin or custom code? What is the actual error saying? How exactly did the developer that you have been in touch with come to the conclusion that the problem lies with Enfold, and which code is responsible for the problem in the theme? Please note that our support for problems with third party plugins is limited.
Best regards,
Rikard
I am using a plugin on a website built on Enfold to manage real estate listings. The plugin is Real Estate Pro.
We are having issues uploading images to listings. When we click on “Add Image” we get a JavaScript void message in our browser and nothing happens.
The developer of the plugin has looked into this and determined it is related to what is described in this Enflod support post:
https://kriesi.at/support/topic/wp_enqueue_media-not-working-on-frontend-after-latest-update/
Help resolving this issue would be greatly appreciated.
Hi,
Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hi Ismael
This is my the Advanced Styling Menu setting:
View post on imgur.com
With the old Enfold, it works fine, the search icon appears correctly and the link works properly.
In new versions of Enfold (7.x.x), however, the search icon is not displayed.
Best regards,
Oriano
-
This reply was modified 9 months ago by
orianos.
I’m working on a staging site for palmcovevision.au
I would like to use the Enfold player but it is not appearing in the post. Access is in the private content section.