Hey efratiproductions,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #header_meta {
    background-color: blue !important;
    color: #fff !important;
  }
}

I have added the font color as well as you might want to change it. Hope this helps :)

Best regards,
Nikko

Hi,

Let us know if you need more assistance or if we can close this thread :)

Best regards,
Nikko

Hey simonac,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

#top .button20 .avia-button {
    font-size: 30px !important;
}

just adjust the font size as you see fit. This would affect all buttons with custom css of button20, hope this helps :)

Best regards,
Nikko

Hi,

I think using the following steps could help:

1. Try to install xampp on your local machine, install xampp, wordpress and Enfold
2. Import Enfold 2017 Demo (if this also fails because of max execution time, you can change the settings in xampp)
3. Try to export pages, posts, etc separately (local machine) and import to your site
4. If you still have some problems with that, enable Avia Layout Builder Debug on your local machine and live site, follow the instructions here: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
5. This may take some time, but go to each page and copy the shortcodes (from the debug editor) and paste it to the debug editor on your live site
6. Go to Enfold > Import/Export > Import Theme Settings File then import the theme settings file (use the files below).
7. Go to Layerslider WP > Import Slider and import the slider using the file below.

Enfold 2017 Theme Settings: https://uploadfiles.io/krd0z
Enfold 2017 Layerslider: https://uploadfiles.io/89h60

Hope this helps.

Best regards,
Nikko

Hey kjakob42,

Yes, it’s possible with the use of css in Quick CSS. Kindly point to us the specific pages and the desired width and we’ll provide you with some css codes :)

Best regards,
Nikko

Hey Sam,

Can you give a link to the page mentioned? I would suggest using code block then lets just try to fix the line spacing with css.

Best regards,
Nikko

Hi,

I have used wordpress reset to reset your site, and have imported the default demo and it was successful. Hope it’s all good.
Features and Headers in the menu aren’t included when you import it since it’s just there to showcase the features of Enfold and show different headers available. :)

Best regards,
Nikko

Hi,

I am using filezilla and tried to ftp, but I could not access it, I am getting this error (private content).

Best regards,
Nikko

Hi nmalka ,

Here is what I did. I used wordpress importer, just go to Tools > Import > select WordPress (it should install the plugin if you don’t have it yet), then I imported the enfold 2017 xml file which you can find in enfold\includes\admin\demo_files (folder), enfold-2017.xml, that should import all the pages and needed files. Then go to Enfold > Import/Export > Import Theme Settings File then import the theme settings file (use the files below). Then go to Layerslider WP > Import Slider and import the slider using the file below. Hope this helps :)

Enfold 2017 Theme Settings: https://uploadfiles.io/krd0z
Enfold 2017 Layerslider: https://uploadfiles.io/89h60

@onesmile: Please create a new thread and give us temporary admin and ftp access, so we can check the errors on your site. I have tried to import demo using WP 4.7.5 and Enfold 4.0.7 and it’s working properly on my end and so I can’t give an exact answer on how to fix it on your end. :(

Best regards,
Nikko

Hi,

Are you referring to the inicio page? I have changed this code in Quick CSS:

.avia_desktop.avia_transform3d .av-masonry-image-container:hover {
filter: opacity(100%) !important;
-webkit-filter: opacity(100%) !important;
-moz-filter: opacity(100%) !important;
-o-filter: opacity(100%) !important;
filter: opacity(100%) !important;
}

and replaced it with:

.avia_desktop.avia_transform3d .isotope-item:hover .av-masonry-image-container,
.avia_desktop.avia_transform3d .av-masonry-image-container:hover {
filter: opacity(100%) !important;
-webkit-filter: opacity(100%) !important;
-moz-filter: opacity(100%) !important;
-o-filter: opacity(100%) !important;
filter: opacity(100%) !important;
}

Let us know if this helps :)

Best regards,
Nikko

Hi,

Thanks again for using Enfold :)

Best regards,
Nikko

Hi,

Glad to hear that. Let us know if you need more assistance or if we can close the thread :)

Best regards,
Nikko

Hey 1lizcollins,

Try to go Enfold > Header > Mobile Menu (tab) and set Header Mobile Menu activation to Activate for Smartphones and Tablets (browser width below 990px). Hope this helps :)

Best regards,
Nikko

Hi,

Glad we could help. Thanks for using Enfold :)

Best regards,
Nikko

Hi,

This tool might be helpful generating gradient colors: http://www.colorzilla.com/gradient-editor/

Best regards,
Nikko