Hi,

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 - */

.wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption {
    text-align: center;    
    font-size: 1em;
    background: #ececec;
}

You can further custom control the elements by adding custom CSS class name, To enable please go to Enfold theme options > Layout Builder and check “Show element options for developers” for more information please check our documentation.

Best regards,
Vinay

Hi,

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 - */

@media only screen and (max-width: 767px)  {
.responsive #top.home #wrap_all .av-flex-cells .no_margin .flex_cell_inner {
    padding-top: 0 !important;
}}

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,
Vinay

Hi,

Thank you for sharing the details and sorry for the delay.

As you may already know that web-safe fonts are common to all computer but sometimes depending on the version of your device some fonts may not be installed on your system and it defaults to a backup font. In your case, “Copperplate” is a web-safe font and it may not be installed on your system so the browser defaults to the backup font which is “Helvetica”.

For testing purpose, I changed the h1 font style to “Raleway” which is a Google font and it works correctly :)

Please feel free to change to any Google font that suits your design. Once you have finished making the changes go ahead and enable “merging and compression” for CSS and JS files from Enfold > Performance.

Best regards,
Vinay

Hey entrepreneurgirl,

Thank you for sharing the details and sorry for the late reply.

I have checked your site and everything works as intended. I have also created a mega menu for the testing purpose called “Products”.

Please check your site and let us know if you have any questions :)

For further info about using the mega-menu options please refer to the documentation

Best regards,
Vinay

Hey!

Sorry for the late reply, I have changed the structure of the widget text a bit so we can target it using CSS and add the below CSS to your child theme style sheet which can be accessed from Appearance > Editor > Child theme > Styles.css

There is not enough space on the tablet device to add the address and it will overlap the logo. Please take a look at the site and let us know if you have any questions.

/* Logo and widget */

	#top #header .widget .wp-img {
		margin: 0 10px 0 0;
	}
	#top #header .widget .widget-title {		
		font-size: 3em;
		font-weight: bolder;
	}
	#top #header .widget h2 {
		margin-top: -10px;
		line-height: 1.5em;
	}
	#top #header .widget {	
		position: absolute;
		max-width: 300px;
		right: 0;
		text-align: right;		
		transform: scale(.75);
	}
	#top #header .logo {
		display: flex;        
		width: 65%;
		padding-right: 20px;	
	}
	#top .logo a,
	#top .logo a img {
		align-items: center;
        justify-content: start;		
	}

Best regards,
Vinay

Hi,

Thank you for sharing the details.

I checked your site and found a block of custom script “add social icons inside the mobile menu” added to functions.php file which can be accessed from Dashboard > Appearance > Theme Editor

The custom script is not compatible with the latest version of the theme. For testing purpose, I disabled this script, as expected no errors were found in the browser console.

Please remove the script from your functions.php file, clear the cache thoroughly and let us know if the site loads fine.

Best regards,
Vinay

Hi,

Thank you for sharing the details and sorry for the delay.

The “phantom” update notification(s) form bundled plugin cannot be disabled unless you deactivate the plugins.

You can de-activate bundled plugins from Enfold theme options and install the plugins which you use from the WordPress plugin directory.

Unfortunately, at the moment there is no other way to stop the update notification from the bundled plugins.

Best regards,
Vinay

Hi,

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 - */

#header li.av-menu-button.av-menu-button-bordered a span {
	border-width: 1px !important;
}

Best regards,
Vinay

Hi,

Thank you for sharing the details.

I checked your site and faced the same issue. 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.

Thanks for your cooperation :)

Best regards,
Vinay

Hi,

Thank you for sharing the details.

Please post sensitive data such as website credentials only in private content area. This is a public forum and anyone can view your post. I have moved your credentials to private content area so only mods can view it. I recommend that you update your website credentials immediately for security reasons.

To control the width of the image or table please add them inside a column element.

You can try 1/4, 1/2, 1/4 columns and add your table/image element inside the 1/2 column. I have set up an example for you on the /bestuur-commissies/ page. Please repeat the same for other tables.

Let us know if you have more questions.

Best regards,
Vinay

Hi,

Thank you for sharing the details.

Please replace the above code with the code from the below link

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,
Vinay

Hi,

Thank you for sharing the details.

I have checked your site and this happens only when you load the page the very first time correct?

The browser will cache CSS files once it loads the page that’s why the flash of white is visible the first time.

This usually happens when other files take time to load before the CSS please check the below links
https://wordpress.stackexchange.com/questions/279627/how-to-load-all-plugins-css-after-child-theme-css

Best regards,
Vinay

Hi,

Glad this is fixed!

Please bookmark Enfold Documentation for future reference.
Thank you for using Enfold :)

Best regards,
Vinay

Hi,

Thank you for sharing the details.

We recommend updating to the latest version of the theme. In the latest version, this options is enabled by default. Please do backup any custom modifications before proceeding with the update.

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,
Vinay

Hi,

Glad this issue is sorted for you!

Please bookmark Enfold Documentation for future reference.
Thank you for using Enfold :)

Best regards,
Vinay