Hi sustainable-environments,

To change the image size there are 2 options to do this, either via plugin which is easier or via functions.php which requires some php code.
The plugin option is to use this plugin: https://test.wordpress.org/plugins/simple-image-sizes/ after installing and activating it, go to Settings > Media.
Then modify the featured_large (based on the image size above) then adjust its width and height and save, then click on the regenerate button.

The code option, first requires a child theme and in its functions.php add this code:

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
  $size['featured_large'] = array('width'=>1500, 'height'=>630);
  return $size;
}

Just modify width and height (the values I put there are the default values) and save the file.
Re-upload the image afterwards.

Hope this helps.

Best regards,
Nikko

Hey Carolin,

The site looks good on my end. 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,
Victoria

Hey marsh1984,

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) {
#top .avia-fullscreen-slider .slideshow_align_caption {
    vertical-align: top;
}
#top .avia-fullscreen-slider .avia-slideshow-arrows {
    display:none;
}}

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,

Currently on some pages the scrollbar shows and on some pages which are not long enough the scrollbar does not show. This is default browser behavior but this affects the menu position. You can force the scrollbar to be displayed on all pages by using the below CSS.

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 - */
html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

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

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

button.pum-trigger {
    padding: 9px 22px;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    border-radius: 0px;
    background-color: #719430;
    color: #ffffff;
    border-color: #507210;
}

button.pum-trigger:hover {
    background-color: #83a83d;
    color: #ffffff;
    border-color: #61861b;
}

Hope it helps.

Best regards,
Nikko

Hi,

I checked your site and cleared the cache. The site looks good on my end. Icons fade in when the pace is scrolled.

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