Hey gabiposch,

Thank you for the inquiry.

You can add your own custom html or elements inside a code or text block and use css code to adjust its style.

Example:

<div class="flex_column av_one_twelveth">Content here</div>
<div class="flex_column av_ten_twelveth">Content here</div>
<div class="flex_column av_one_twelveth">Content here</div>

The css might look something like this.

.av_one_twelveth {
  width: 7%;
}

.av_ten_twelveth {
  width: 82%;
}

Best regards,
Ismael

Hey Jeannette,

Thank you for the inquiry.

Now that the style tag is the first child,

Have you tried to actually target the image element instead of the first div or container? Please post the site URL in the private field so that we can check the issue further.

Best regards,
IsmaelA

Hey Phet,

Thank you for the inquiry.

It might be the same issue with the loading icon that we encountered in the following thread. For some reason, the loading spinner causes the whole document to shake, or jiggle as you put it. Removing the loading icon seems to help fix the issue.

Please check the following thread.

// https://kriesi.at/support/topic/shaking-on-load-more-button-click/#post-1238460

Best regards,
Ismael

Hey Greg,

Thank you for the inquiry.

How did you set it to “fixed”? The background images will revert back to “scroll” on mobile view by default. If you want to switch it back to “fixed”, try to add this css code.

.avia_mobile .avia-full-stretch {
    background-attachment: fixed !important;
}

Please do not forget to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hey maxh_muc,

Thank you for the inquiry.

Did you set the browser in your phone to accept cookies, or did you enable the local storage? In Chrome, you can do the following.

– Open the Chrome menu.
– Select Settings.
– Under Advanced, select Site settings.
– Select Allow sites to save and read cookie data.

This should allow the theme to store the essential cookies and hide the message bar properly.

Best regards,
Ismael

Hi,

Thank you for the screenshots.

We may need to modify the enfold/config-templatebuilder/avia-shortcodes/av-helper-masonry.php file and adjust this code around line 562 to properly render the shortcodes.

	$items .=	"<div class='av-masonry-entry-content entry-content' {$markup}>{$content}</div>";

Replace it with the following code.

	$content = do_shortcode($content);
$items .=	"<div class='av-masonry-entry-content entry-content' {$markup}>{$content}</div>";

Best regards,
Ismael

Hey MargitW,

Thank you for the inquiry.

The new styles for the updated calendar designs have been included in the latest version of the theme. You have to upgrade the theme to the latest version (4.8.5) and purge all cache. You may also have to toggle or temporarily disable the Enfold > Performance > File Compression settings after the update.

Best regards,
Ismael

Hi,

is there a way to tweak that so it works with the Advanced Layout Editor in the posts?

That is not possible, unfortunately. Rendering the shortcodes will break the post slider. The modification above will only work if the posts have been created using the default editor.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can use css media queries if you want to adjust the width of the slider entries on different screens.

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .slide-entry {
        margin-left: 4% !important;
        width: 29.333333333333332% !important;
        clear: none !important;
        float: left !important;
    }
}

Unfortunately, the changes with the arrow will require modifications in theme that are beyond the scope of support. You may need to hire a freelance developer to do the modifications, or contact our partner (Codeable).

// https://kriesi.at/contact/customization

Best regards,
Ismael

Hey coolicious,

Thank you for the inquiry.

It is possible to upload new icons and add new social icons in the theme. Please check the following documentation for more info on how to add a custom social icon.

// https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

And this one to add your own custom icon.

// https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-

You may need to produce an SVG file of the social media icon and convert it to an icon font. There is an icon font generator in the fontello.com site. All you need is the SVG format of the social media icon. Once you have the icon font, you can upload in the theme using the Enfold > Import/Export > Iconfont Manager.

Best regards,
Ismael

Hey Michael,

Thank you for your interest in the theme.

The theme Enfold is compatible with plugins such as WPML for multilanguage sites and it has its own blog features. We also provide assistance for any issues related to the theme and basic custom modifications. You will find our support policy in the following link.

// https://kriesi.at/support/register/

Additional features could be added using other extensions or with custom modifications, which may require assistance from third party developers.

Best regards,
Ismael

Hey Max,

Thank you for the inquiry.

The portfolio item has an option where you can apply a custom link and override the default one. You can apply the video URL as custom link and so when the portfolio item is clicked, the video will popup inside a lightbox container or a modal window, instead of redirecting to the actual portfolio page.

If you want to add the video directly in the single portfolio page, just upload it in the media library and embed it in the content editor.

Best regards,
Ismael

Hey ChichesterDesign,

Thank you for the inquiry.

You can use the following css code to adjust the width of the slider entries on smaller screens.

@media only screen and (max-width: 479px) {
    .responsive #top #wrap_all .avia-content-slider-odd .slide-entry {
        width: 50% !important;
        clear: none !important;
    }
}

If you want to apply the changes on tablet views, just increase the max-width value from 479px to 767px.

Best regards,
Ismael

Hey manurimini,

Thank you for the inquiry.

This is possible but you will have to modify the enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.php directly. Around line 1219, you could add a switch statement, check for the $category->cat_name and replace it with something else.

$output .= 	"<span class='text-sep " . $category->category_nicename . "_sort_sep'>/</span>";
					$output .= 		'<a href="#" data-filter="' . $category->category_nicename . '_sort" class="' . $category->category_nicename . '_sort_button" ><span class="inner_sort_button">';
					$output .= 			"<span>" . esc_html( trim( $category->cat_name ) ) . "</span>";
					$output .= 			"<small class='av-cat-count'> " . $cat_count[ $category->term_id ] . " </small></span>";
					$output .= 		'</a>';

// https://www.w3schools.com/php/php_switch.asp

This is where the category name is rendered.

$output .= "<span>" . esc_html( trim( $category->cat_name ) ) . "</span>";

It is also possible with Javascript.

// https://www.w3schools.com/jsref/jsref_replace.asp

Best regards,
Ismael

Hey Konstantin,

Thank you for the inquiry.

Did you set the SEO title field of the blog page again? Please post the login details in the private field so that we could check it.

// https://kriesi.at/support/topic/unique-title-and-description-on-pagination-pages/#post-1308722

Best regards,
Ismael