Hey werbeagenturaanders,

Thank you for the inquiry.

There is no option for this by default but you might be able to create the layout using the layer slider. These are the images used in the site.

// https://www.atumobile.com/cache-buster-1637396670/bundles/app/img/orderbook_img_mask.png
// https://www.atumobile.com/cache-buster-1637396670/bundles/app/img/section_orderbook_bg.jpg

They just placed the orderbook_img_mask image over the actual section_orderbook_bg background image.

Best regards,
Ismael

Hey koomo,

Thank you for the inquiry.

The shortcode is working correctly on our installation. Are you sure that the product ID is correct? Please post the login details in the private field so that we can check this further.

Best regards,
Ismael

Hey!

Great! Glad to know that you have found the cause of the issue. Please feel free to open a different thread if you have more questions regarding the theme.

Have a nice day.

Best regards,
Ismael

Hey Tilman,

Thank you for the inquiry.

Have you tried applying the image as background to the flex column element instead of placing it in a text block?

You can also apply a negative top margin to the rows to pull them upwards.

#top .flex_column_table.av-equal-height-column-flextable.av-kal2af-9852955e6ed6f8236017db0517695e0b, #top .flex_column_table.av-equal-height-column-flextable.av-aq85pj-cc0d57d70973fb97fd3d575c63048b9e, #top .flex_column_table.av-equal-height-column-flextable.av-6kzfhz-8105bb8566dbb446162dde51238fefb1, #top .flex_column_table.av-equal-height-column-flextable.av-6f1ivr-05e6ff33094764f8f2d74f0d8921c9ef {
    margin-top: -15px;
}

Best regards,
Ismael

Hey mkr8260,

Thank you for the inquiry.

Are you checking this on an iOS device? Please note that iOS devices such as iPhone have issues with fixed backgrounds. You may need to enable the parallax effect instead by setting the Background Attachment settings to “Parallax”.

// https://caniuse.com/background-attachment > under Known Issues
// https://stackoverflow.com/questions/21476380/background-size-on-ios

Best regards,
Ismael

Hi,

Thank you for the update.

Do you have a clone of the site where the Woocommerce Booking plugin is enabled? The other plugin is still enabled when we checked the site again today.

Best regards,
Ismael

Hey evtrans,

Thank you for the inquiry.

You can use this css code to create a bullet point before the magazine title.

.av-magazine-entry:before {
    float: left;
    display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.75rem;
    width: 0.75rem;
    margin-right: 0.5rem;
    background-color: #bdbdbd;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add this script in the functions.php file to append the logo image to the parent caption container.

// custom Enfold scripts
function ava_custom_script()
{
    ?>
    <script>
       (function($) {
            $(document).ready(function() {
                $(".av-slide-logo-image").each(function() {
                    var logo = $(this);
                    var container = logo.parents(".caption_container");

                    logo.appendTo(container);
                });
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script', 10);

Best regards,
Ismael

Hi,

The modification described here is for the content slider and the default gallery elements. For the masonry gallery, you will have to modify the enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-masonry.php file. Look for this code around line 680.

	/**
					 * Allows to run shortcodes
					 *
					 * @since 4.8.3
					 * @param string $content
					 * @param array $entry
					 * @param array $this->atts
					 * @return string
					 */
					$content = apply_filters( 'avf_masonry_entry_content', $content, $entry, $this->config );

Below add this code.

$copyright_text = get_post_meta( $thumb_ID, '_avia_attachment_copyright', true );
$content .= "
<div class='av-masonry-image-info'>";
$content .= "<span class='av-masonry-image-width'>Width: " . $attachment[1] . "</span>";
$content .= "<span class='av-masonry-image-height'>Height: " . $attachment[2] . "</span>";
$content .= $copyright_text;
$content .= "</div>
";

This should render the copyright, image size and content inside the masonry content container.

Best regards,
Ismael

Hi,

Can you explain how i add a fullwidth-video which should play only on useraction in accordance to the GDPR? )

We have checked the slider settings again and it looks like you can stop locally hosted video from autoplaying and you can add a preview or fallback image but the video will still load automatically or will not be lazy loaded, unlike when using youtube or vimeo videos.

To stop the video from autoplaying, edit the video slide, go to the Styling > Video Settings panel and tick the Disable Autoplay option. You can add a preview image in the Content > Fallback Images panel.

Best regards,
Ismael

Hey Marina,

Thank you for the inquiry.

The global font style for the h1 element in the Advanced Styling panel is overriding the custom style for the text block. You can use the Special Heading element instead, but make sure to select a different Heading Style to get access to the Font Sizing settings.

This is the css code that overrides the custom text block font size settings.

#top #wrap_all .all_colors h1 {
    font-size: 26px;
    font-family: 'ubuntu', Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: none;
}

Best regards,
Ismael

Hey navindesigns,

Thank you for the inquiry.

You can try this css code to add a white background behind the other circle with the blue border.

.page-id-235 #av_section_2 .avia-animated-number .avia-animated-number-circle::before {
    display: block;
    border: none;
    width: 100%;
    border-radius: 50%;
    transform: translateX(-4%);
    background: white;
    z-index: 0;
    content: "";
    position: absolute;
    height: 100%;
}

Best regards,
Ismael

Hi,

We have found another solution in a different thread which might help. Please remove the previous filter from the functions.php file and replace it with this one.

/**
 * Customize Adjacent Post Link Order
 */
function wpse73190_gist_adjacent_post_where($sql) {
  if ( !is_main_query() || !is_singular() )
    return $sql;

  $the_post = get_post( get_the_ID() );
  $patterns = array();
  $patterns[] = '/post_date/';
  $patterns[] = '/\'[0-9]{4}-[0-9]{2}-[0-9]{2} [0-9]{2}:[0-9]{2}:[0-9]{2}\'/';
  $replacements = array();
  $replacements[] = 'menu_order';
  $replacements[] = $the_post->menu_order;
  return preg_replace( $patterns, $replacements, $sql );
}
add_filter( 'get_next_post_where', 'wpse73190_gist_adjacent_post_where' );
add_filter( 'get_previous_post_where', 'wpse73190_gist_adjacent_post_where' );

function wpse73190_gist_adjacent_post_sort($sql) {
  if ( !is_main_query() || !is_singular() )
    return $sql;

  $pattern = '/post_date/';
  $replacement = 'menu_order';
  return preg_replace( $pattern, $replacement, $sql );
}
add_filter( 'get_next_post_sort', 'wpse73190_gist_adjacent_post_sort' );
add_filter( 'get_previous_post_sort', 'wpse73190_gist_adjacent_post_sort' );

This is based on: https://wordpress.stackexchange.com/questions/73190/can-the-next-prev-post-links-be-ordered-by-menu-order-or-by-a-meta-key

Best regards,
Ismael

Hey koomo,

Thank you for the inquiry.

The quantity buttons in the “people selector” form are different from the button in the product page demo. Please note that the plugin has its own style for its own elements which might be quite different compare to the theme, so expect to add a few css adjustments and change a few templates when building a site using those plugins.

Looks like the plugin is using an svg image for the quantity icons in the “people selector” form, but we can still try to adjust it with css.

.yith-wcbk-people-selector__field__plus-wrap, .yith-wcbk-people-selector__field__minus-wrap {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #008489;
font-size: 16px;
padding: 0;
vertical-align: middle;
line-height: 41px;
border: none;
width: 43px;
height: 43px;
cursor: pointer;
margin: 0;
display: inline;
border: 0;
border-radius: 0;
-webkit-appearance: none;
background-color: #F8F8F8;
border: 1px solid #E1E1E1;
color: #666;
background-image: url(../images/layout/bg-button.png);
background-repeat: repeat-x;
outline: none;
}

.yith-wcbk-people-selector__field__plus-wrap svg, .yith-wcbk-people-selector__field__minus-wrap svg {
top: 10px;
position: relative;
left: 50%;
transform: translateX(-50%);
}

Best regards,
Ismael

Hey koomo,

Thank you for the inquiry.

Looks like you have set the page to display a different masonry element on mobile view. Do they have the same settings, or did you select the same categories for both masonry elements?

Best regards,
Ismael