Forum Replies Created
-
Posts
-
Hi,
If the style.css file looks good and you don’t see the changes, it’s mostly the cached files are still loading in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
This should ensure new CSS will be loaded in the browser.
If you still have an issue please let us know what are you trying to change using the CSS? also, please post the admin login details in private content area so we can check the backend settings for you.Best regards,
VinayHey!
Thank you for letting us know about this issue, As you may already know Dreamweaver is a tool to edit your website. I would personally use a tool like DW only if I’m advised to use in college or workplace.
I use to use this tool way back until I discovered the text editor like Sublime. I’m not aware of how much DW has changed these days. In any case, many companies mostly use text editors like Sublime 3 as a standard tool as it is extremely fast and has a huge community to support the tool and make it better.
For testing purpose I would suggest to
1. Connect to your server using a FTP tool
2. Download the styles.css
3. Make the required changes on your local system and upload it to same location and overwrite the file.
4. Visit the styles.css file directly in the browser and for example http://www.your-site.com/wp-content/themes/enfold-child/style.css (make sure path is correct).
5. If you notice the changes in the file when you visit in the browser and still has no effect in the frontend it could simply mean it’s a caching issue.
6. Clear your browser cache and it should work for you.Best regards,
VinayHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - Caption above title */ #top .avia-fullwidth-slider .slideshow_align_caption { display: flex!important; flex-direction: column; justify-content: space-between; flex-wrap:wrap; } #top .avia-fullwidth-slider h2.avia-caption-title, #top .avia-fullwidth-slider .avia-caption-content { position: relative; } #top.avia-fullwidth-slider h2.avia-caption-title { order:2; } #top .avia-fullwidth-slider .avia-caption-content { padding: 0; order:1; } #top .avia-fullwidth-slider .avia-slideshow-button { order:3; } /* End CSS */
Best regards,
VinayHi,
Thank you for the clarification. For testing purpose please deactivate the plugins and refresh the page to check if that works fine.
If you still have any issue, please create a staging site for us with the old version so we can compare and set up the new version to look same as the old version for you :)
Best regards,
VinayHi,
Sorry, we could not help you much.
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
VinayHi,
Glad this worked for you!
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
VinayHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - Slider Navigation */ /* Easyslider navigation arrow */ #top .avia-slideshow-arrows a { /*Your style here */ background: rgba(0,0,0,.5)!important; } /* Easyslider navigation dots */ #top .avia-slideshow-dots a { /*Your style here */ background: rgba(0,0,0,.9)!important; } /* Easyslider navigation actvive dots */ #top .avia-slideshow-dots a.active { /*Your style here */ background: rgba(255,255,255,.9)!important; } /* End CSS */For more info please refer to https://kriesi.at/documentation/enfold/fullwidth-easy-slider/#slider-arrows
Result:
Best regards,
VinayHi,
You can set the weight using custom CSS.
Also please make sure that you have processed the fonts to make it web friendly to load faster on https://www.fontsquirrel.com/tools/webfont-generatorBest regards,
VinayHey ikatanic,
If you are getting the missing stylesheet error please refer to this link https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#missing-style-sheet-error
Best regards,
VinayHey Michael,
A plugin conflict may be one of the reasons for this issue.
To find which plugin is causing the conflict please follow these steps:1. Go to your plugins page > Deactivate all active Plugins
2. Update WordPress and Enfold to the latest version if you have not.
3. Make sure all the plugins are updated.
4. If the problem does not persist when plugins are turned off, activate one plugin at a time and refresh until you find the plugin in conflict.We await the results of your plugin compatibility test. Also, would you mind providing a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)
Thanks for your cooperation :)
Best regards,
VinayHi,
I checked your site and it appears the server may not support demo import script. Please, try importing the demo manually https://kriesi.at/documentation/enfold/initial-theme-setup/#manual-demo-import–xml-file-import-
Best regards,
VinayHey mlebarron,
Yes, it is possible to add the shadow effect on hover. Have you got started anywhere?
Once you place your elements you can turn on custom CSS class name and apply the CSS rules.
Please check https://kriesi.at/documentation/enfold/catalogue/#catalogue-style-1 for shadow effect code which you can apply to any other element.
Best regards,
VinayHey DROR,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - Full width checkout button */ #top .woocommerce-checkout-payment .button { display:block; width:100%; text-align:right; } /* End CSS */Result:
Best regards,
VinayHi,
Thank for letting us know we will inform our devs.
Let us know if you need any further help with this issue :)
Best regards,
VinayHey Monica,
To hide the header please refer to this link https://kriesi.at/documentation/enfold/header/#how-to-hide-the-header
Best regards,
VinayHey dariosolarino,
It’s not clear what you what to achieve but as I understand you like to insert a blog image and title with some excerpt text in the right sidebar correct?
You can use magazine, masonry or post slider element on a blank page and copy the shortcode to the sidebar widget area in Appearance > Widgets
Please enable debug mode to copy element shortcode.
Best regards,
VinayHi,
Please try adding this at the very end of your themes/child theme’s functions.php file:
// Disable google fonts add_action( 'init', 'enfold_customization_switch_fonts' ); function enfold_customization_switch_fonts() { global $avia; $avia->style->print_extra_output = false; } // End functionFor more information about adding custom script please check this link.
Best regards,
VinayHi,
If you recently updated enfold theme and get an HTTP 500 error here is what you should do to resolve this issue:
1. Deactivate all plugins if you are able to access WordPress backend.
2. Update the PHP version being used by your hosting server to PHP 7 by getting in touch with your hosting company.
Access your site with FTP or log in to your control panel and access the site via File Manager and perform the below steps:
3. Replace the header.php file in wp-content/themes/enfold folder with an updated version of the header.php file.
4. Access your WordPress site root folder and rename the current .htaccess file to .htaccess.bak. Login to WordPress admin area go to settings > permalinks > select “Post name” and save changes.
5. Define a higher memory limit in WordPress and if possible increasing the memory on the hosting server.
To increase the WordPress memory limit please access wp-config.php file and add the below line
define('WP_MEMORY_LIMIT', '256M');For a detailed explanation please check this link http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP
and you can contact your service provider to increase the memory limit.If none of the above works for you please go ahead and delete the “enfold” folder in wp-content/themes/ and upload a fresh copy of the “enfold” theme files.
Best regards,
VinayHey noyaholidays,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
As an alternate solution, you can provide a link to open in google maps below the actual map, hope this helps :)
Best regards,
VinayHi,
The heading text from h1 to h6 are already lighter.
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VinayHey panoramist,
Thank you for contacting us. First, let me say the images on the site are stunning :)
1. I tried to load your site several times but the site is not loading for me at the moment.
2. Please use the grid element and add the image as a parallax background image.Please get back to us when the site is up and running so we can check for the menu issue.
Best regards,
VinayHi,
Wordpress credentials do not work to check the issue in the backend. Please try and recreate the page element which is missing in the frontend.
We test our theme throughly and assure you that the theme alone does not cause any issue. Each site has a different configuration and server settings. To add it some plugins may cause a conflict. To avioid such a situation in future please follow the standard update procidure.
You can create a staging server and update the staging site first if all goes fine make the changes to the live site.
Best regards,
VinayHey maloneweb,
Please refer to the below links
1. For mega menu – https://kriesi.at/documentation/enfold/mega-menu/#create-submenu-rows-and-columns
2. For mobile menu options – Please check mobile menu settings https://kriesi.at/documentation/enfold/menu/#toggle-id-3To change the submenu display settings go to Enfold > Main Menu > Burger/Mobile menu > Menu Icon Submenu items here you can choose to:
Display submenu Always
Display submenu on click
Display submenu on hoverBest regards,
VinayHi,
The automatic size option keeps the image width same and scale the height proportionately. It is more like masonry grids you get to see on sites like Pinterest.
I’m glad the specific size option works for you well :)Best regards,
VinayHi,
I checked the issue and it appears all plugins are up to date. All though it is not a theme related issue for testing purpose please deactivate all plugins and try a WordPress transients cleaner plugin and clear the transients.
Activate all the plugins back.
If it does not help, I am afraid you need to update the WordPress to fix this.
Best regards,
VinayHi,
I’m not sure if it was the custom code or update. Usually, updating the theme would fix such issues.
To update the PHP version please get in touch with your hosting company :)
Best regards,
VinayHey Steve,
Thank you for reaching out to us.
To place the image on top please add the below CSS to your site
#top .av-catalogue-item-inner { width: 100%; }Result will be similar to :
For more tips and tricks please check the catalogue docs.
Best regards,
VinayHey newki75,
Thank you for contacting us :)
Please select “scale to fit” in the background repeat option
Best regards,
VinayHi,
The slider has a limit of 2 buttons only. However, do not worry we are happy to help you with this modification.
To add multiple buttons to the slider we can use button shortcodes.
1. Enable debug mode.
2. Create a new page and add the “Button Row” element.
3. Set the button styles and links and copy the shortcode.
4. Paste the same in caption area of the slider.If you need any help please feel free to get in touch with us.
Best regards,
VinayHey Shashahan,
Thank you for the kind words :)
The screenshots provided really helps to understand the issue. When you select a different font style there is a drastic difference in the appearance of the blog post title.
Would you mind providing a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)
Also, let us know what method or how are you changing the font?
Best regards,
Vinay
