Hi,

Thank you for the info.

The css code below should adjust the position of the dots on smaller screens.

@media only screen and (max-width: 768px) {
    .avia-image-container.av-67cea-136ddc8b145abc744c886b5819885f00, .avia-image-container.av-4hwii-ef140ae0612800d65a56956f82b14b3f, .avia-image-container.av-2ofye-558b2f838626b4d4afd94927f17a28e6{
        position: relative;
        top: -75px;
        left: -40px;
    }
}

We are using the unique class name of the image elements in the css rule above, but the class names can be replaced with custom ones if necessary. Please check this documentation.

// https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael`

Hey Katja,

Thank you for the inquiry.

We could apply a background to the event pages manually using this css code.

.single-tribe_events div#main {
    background: url(https://kschira.de/shanti/wp-content/uploads/shantidevi-hintergrundbild-1.jpg) !important;
}

And to apply the same transparent background to the header, please add this css.

.single-tribe_events .header_bg {
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Thank you for the update.

Can you post the current snippet or code? You may need to adjust it a bit to something like this.

Let us know if the changes work.

Best regards,
Ismael

Hey!

Thank you for the info @Guenni007.

I tested the filter on my end and it seems to break the layout of the post, pushing the image outside of the big-preview container.

code from: https://kriesi.at/support/topic/remove-link-from-featured-image-2/

function av_remove_featured_image_link(){
  if(is_single()){
    echo get_the_post_thumbnail( $current_post['the_id'], 'featured' );
  }
}
add_filter('avf_post_featured_image_link','av_remove_featured_image_link');

I adjusted the code a bit.

function av_remove_featured_image_link($image) {
    if (is_single()) {
        $image = get_the_post_thumbnail( $current_post['the_id'], 'featured' );
    }
    return $image;
}
add_filter('avf_post_featured_image_link','av_remove_featured_image_link', 10, 1);

This returns the same markup or image which still contains a link as expected. This is due to this markup in the loop-index.php file.

iif( $slider )
					{
						if( $link_lightbox )
						{
							$slider = '<a ' . $lightbox_attr . ' ' . $featured_img_title . '>' . $slider . '</a>';
						}
						else
						{
							$slider = '<a href="' . $link . '" ' . $featured_img_title . '>' . $slider . '</a>';
						}
					}

					if( $slider )
					{
						echo '<div class="big-preview ' . $blog_style . '" ' . avia_markup_helper( array( 'context' => 'image', 'echo' => false ) ) . '>' . $slider . '</div>';
					}

We can slightly edit the code above to remove the link completely,

iif( $slider )
					if( $slider )
					{
						echo '<div class="big-preview ' . $blog_style . '" ' . avia_markup_helper( array( 'context' => 'image', 'echo' => false ) ) . '>' . $slider . '</div>';
					}

Or just use the css suggestion above.

Best regards,
Ismael

Hey Dzimnikov,

Thank you for the inquiry.

– You cannot insert the URL directly using an Image element if that is what you are looking for. What you can do instead is use a text or code block and manually insert an img tag and use the URL as its src value.

Example:

<img src="https://link.com/to/custom/url.jpg" />

– This is not available by default but you can hire someone to create a script that calculates the current pricing based on certain factors. Unfortunately, this is beyond the scope of support.

Best regards,
Ismael

Hey Frans,

Thank you for the inquiry.

Are you trying to create a carousel type of slideshow where it skips one item at a time instead of the whole set of slides? Currently, this will work if the slide only contains a single column, at least with the current implementation of the slider script. It is not going to work for slides with multiple columns such as the content slider.

You may need to hire a freelance developer to help you modify the enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.js file and the config-templatebuilder/avia-shortcodes/contentslider/contentslider.php template. You can also contact our partner Codeable for this kind of customization.

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

Best regards,
Ismael

Hey blaircomm1,

Thank you for the inquiry.

You can try the following css code to adjust the fullwidth breakpoint of the columns (1/2). Please add it in the Quick CSS field.

@media only screen and (max-width: 1200px) {

  /* Add your Mobile Styles here */
  .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column.av_one_half, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

Best regards,
Ismael

Hey evas49,

Thank you for the inquiry.

Where can we see the issue? Please provide a link to the blog posts so that we can check the issue properly.

The title of the blog posts are displaying correctly on our end. Did you install an SEO plugin such as Yoast? It is possible that the SEO plugin is adjusting the title.

Best regards,
Ismael

Hey evas49,

Thank you for the inquiry.

Are you using the Blog Posts element? Which blog style did you choose? Please provide a link to the site so that we can check the elements properly.

You can try this css code to disable the link of the featured image (big preview).

.big-preview.single-big a {
    pointer-events: none;
}

Best regards,
Ismael

Hi,

Thank you for the info.

Is there a staging version of the site? We don’t want to accidentally break the site while editing the code.

Another solution is to extract the actual html of the slideshow and the layer slider and replace the shortcode. This solution works on our end.

This is an example of the fullwidth slider’s html.

  $output .= '
<div id="full_slider_1" class="avia-fullwidth-slider main_color avia-shadow    container_wrap fullsize">
<div class="avia-slideshow av-41ebxqf-8e1d42e67b1a6175203854efa82b817e avia-slideshow-no scaling av_slideshow_full avia-slide-slider av-slideshow-ui av-control-default av-slideshow-manual av-loop-once av-loop-manual-endless avia-slideshow-1" data-slideshow-options="{&quot;animation&quot;:&quot;slide&quot;,&quot;autoplay&quot;:false,&quot;loop_autoplay&quot;:&quot;once&quot;,&quot;interval&quot;:5,&quot;loop_manual&quot;:&quot;manual-endless&quot;,&quot;autoplay_stopper&quot;:false,&quot;noNavigation&quot;:false,&quot;bg_slider&quot;:false,&quot;keep_padding&quot;:false,&quot;hoverpause&quot;:false,&quot;show_slide_delay&quot;:0}" itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
<ul class="avia-slideshow-inner " style="padding: 0px; height: 366px;">
 	<li class="avia-slideshow-slide av-41ebxqf-8e1d42e67b1a6175203854efa82b817e__0 av-single-slide slide-1 slide-odd next-active-slide active-slide" style="visibility: visible; opacity: 1; transition: none 0s ease 0s; transform: translateZ(0px);">
<div data-rel="slideshow-1" class="avia-slide-wrap "><img class="wp-image-3345 avia-img-lazy-loading-not-3345" src="http://site.com/wp-content/uploads/2022/07/teahub.io-spaceship-wallpaper-631136.jpg" width="2560" height="1440" title="teahub.io-spaceship-wallpaper-631136" alt="A new home world. Test our faith." itemprop="thumbnailUrl" srcset="http://site.com/wp-content/uploads/2022/07/teahub.io-spaceship-wallpaper-631136.jpg 2560w, http://site.com/wp-content/uploads/2022/07/teahub.io-spaceship-wallpaper-631136-300x169.jpg 300w, http://site.com/wp-content/uploads/2022/07/teahub.io-spaceship-wallpaper-631136-1030x579.jpg 1030w, http://site.com/wp-content/uploads/2022/07/teahub.io-spaceship-wallpaper-631136-768x432.jpg 768w, http://site.com/wp-content/uploads/2022/07/teahub.io-spaceship-wallpaper-631136-1536x864.jpg 1536w, http://site.com/wp-content/uploads/2022/07/teahub.io-spaceship-wallpaper-631136-2048x1152.jpg 2048w, http://site.com/wp-content/uploads/2022/07/teahub.io-spaceship-wallpaper-631136-1500x844.jpg 1500w, http://site.com/wp-content/uploads/2022/07/teahub.io-spaceship-wallpaper-631136-705x397.jpg 705w" sizes="(max-width: 2560px) 100vw, 2560px" style="left: 0px;"></div></li>
</ul>
</div>
</div>
';

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You may need toggle or temporarily disable the Enfold > Performance > File Compression settings while editing the site. This is to ensure that the dynamic stylesheets are regenerated when something changes in the site. You should also disable the cache and minification plugin temporarily.

Best regards,
Ismael

Hi,

Thank you for the update.

so maybe have a look at the upper part.
I just tried it the the header_slider acf field

Yes, we actually modified the fullwidth slideshow shortcode and combined the output. Please enable the Appearance > Theme File Editor panel and provide the login details in the private field. We will try to check the issue further.

Best regards,
Ismael

Hi,

Thank you for the update.

We were able to reproduce the issue on an iPhone emulator. The number in the input field is faded because the opacity of the input field is set to 0.4. To fix the issue, we have to set the opacity of the quantity input element back to 1.

Please add this css code in the Quick CSS field.

#mainContainer div.qty input {
   opacity: 1 !important;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

@mistermagoo8691: Please check the test page above and follow the recommendations.

@@Guenni007: Thank you for the info and the test page!

Best regards,
Ismael

Hi,

@Guenni007: I was not aware of that filter. Thank you for the info!

Best regards,
Ismael