Hi Mike,

yes, I guess this is what the law firm means (“shady” because they were demanding compensation for a client who arbitrarily reported a large number of website operators).

I will take a closer look to the plugin – thank you ver much.

Best regards,
fkm

Hey Mike,

thank you very much for the CSS – it works great!

Please let me know how to enlarge it proportionally so that when viewed on large screens, it extends by 16 px on each side without getting changed on the mobile view.
I would like the size of the before/after image to behave like the size of the sliders on the other portfolio pages.
Please see the screenshot and another portfolio page with a slider as example below.

Also, please let me know how to remove the slight rounding on the corners.

Thanks a lot in advance.

Best regards,
fkm

Hey Rikard,

thank you very much for your quick reply.

Even though this code is also useful (I just used it to adjust the spacing between icon and tab title),
what I actually meant was moving the icon up a lil bit (please see screenshot).
I tried to fix this by adding “margin-bottom: 1px;” but it didn´t work.
Please let me know how to do.

Thanks a lot in advance.

Best regards,
fkm

Hey Rikard,

it worked very well – thank you very much for your quick and successful answer.

Best regards,
fkm

Hi Mike,

thank you very much for your reply and for the CSS codes.

I understand.
But wouldn’t I then have to specify individual minimum heights for each portfolio entry (in adition to each screen width) because of its different text lengths?
Is it possible to set different values ​​for each individual portfolio entry (via an ID or something like that)?

Thanks a lot for another reply in advance.

Best regards,
fkm

Hi Ismael,

thank you very much for your reply and please excuse my late reply.

I did bring back the scroll option for “slidershow 1” and “slidershow 2” by bringing back the images and the text to see if it still jumps then – and it does.
Each ajax portfolio preview will later contain images (slideshow or image list) and text.
I only removed the same to demonstrate the jump.

So I tried to adjust the minimum height:
Without images and text a minimum height of 200 pixels (according to the CSS code above) stopes the jump.
Containing images and text, the minimum height needs to be around 1010 pixels for it to stop jumping.
But unfortunatley that´s not a solution because this value is way to much for the smartphone view.

Please let me know if there is another option to stop the jump?

Thank you very much in advance.

Best regards,
fkm

Hi Ismael,

thank you very much for your reply.

I just removed all the images and text from the ajax portfolio previews so it no longer scrolls back to the top.
Now it’s easier and clear to see – sorry, I should have consider that before.

Please take another look.
I just checked again in several browsers including smarthphones (iPhone, Samsung) and it’s the same in each case.

In addition I replaced the video with a screen record (iPhone) while tapping the entry titels to show the issue in a better resolution and without the shaking.
Please see the link below.

Thanks a lot in advance for another reply.

Best regards,
fkm

Hey Yigit,

thank you for pointing that out, I’ve changed it accordingly.
In addition, I could then make all the adjustments I wanted to.
Just great.

There’s one more thing about the entry titles that I realised just now (maybe you can help me with this as well):
Every time after clicking an entry title to open a new preview, the entire title block jumps up and down a little bit immediately.
Do you have an idea what could be causing this and how to prevent it?

Thanks a lot for another reply in advance.

Best regards,
fkm

Hi Yigit,

exactly like that – works great (again).

Thank you very much.

(Please feel free to close this topic as successfully completed)

Best regards,
fkm

Hi Rikard,

thank you very much for your reply.

I just recorded my screen (iPhone) while moving the menu items with my finger.
Please see video (mp4).

Best regards,
fkm

Hi Nikko,

I was able to make all adjustments as desired (and even better) with this CSS code – thank you so much.

To make the milestones a bit smaller and thereby get more dashed lines (=more timeline charakter), I changed the values ​​as follows and it worked fine:

#top .avia-timeline .milestone_icon {
    width: 80%;
    padding-top: 44.45%;
}

However, a thin line out of the next milestone can now be seen on the right side of the page on the desktop view (not on other devices).
Please see page or screenshot.
Please let me know how to fix this.

Thank you very much in advance.

Best regards,
fkm

Hi Guenni007,

please excuse my late reply and thank you very much for your support.

I did everything as you described and as before, it didn’t work at first (although I had deleted caches and other browser data several times).
But now a few days later some update process seems to have happened and now it works just fine – exactly as desired..

Thank so much, you’ve been a great help to me.

To the Enfold team:
Please feel free to close this topic as successfully completed.

Best regards,
fkm

Hi Ismael,

thank you very much for your reply.

In the meantime I had removed the headline rotator and just reinserted it for demonstration purposes.
But suddenly it works as it should and I have no idea what I did differently.
Please excuse.

As Guenni007 mentioned above in his PS, only non Typewriter headline rotators are influenced in this.
The fading animation is currently set.
Unfortunately, the typewriter effect would be way better for the message.
So please let me know if there´s way to include the typewriter animation as well?

Thanks a lot in advance.

Best regards,
fkm

Hi @guenni007,

please excuse the delay and thank you very much for your support again.

I just tried to follow your instructions:

1. I placed the following snippets in the child-themes function.php

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');

  return $paths;
}

function load_child_theme_headline_rotator_script() {
   wp_deregister_script( 'avia-module-rotator' );
   wp_enqueue_script( 'avia-child-module-rotator', get_stylesheet_directory_uri().'/shortcodes/headline_rotator.js', array( 'avia-shortcodes' ), false, true );
}
add_action( 'wp_enqueue_scripts', 'load_child_theme_headline_rotator_script', 100 );

2. I created a new folder named “shortcodes” and uploaded the file “headline_rotator.js” (which you had made available for me to download) into it.

Now folder and file also shows up at the wordpress backend of my website.
Unfortunately the headline rotator doesn´t seem to work anymore (it´s just static, no animation) instead of stopping the animation after the first run.
Please let me know what I might have done wrong.

Thank you very much in advance.

Best regards,
fkm

Hi Nikko,

that was also my first intention and I tried but it didn´t seem to work.

With the following css code I could define the pixel size of the milestone images (but not the aspect ratio that I´d like to get).
Without the following css code the images are shown as small squares.

.avia-timeline .milestone_icon {
height: 177px !important;
width: 320px !important;
}

Is there a simple way to define the number of milestones per slide and their size or width with uniform aspect ratio for the different devices (computer, tablets > portrait and landscape format)?

Thanks a lot for another reply in advance.

Best regards,
fkm