HI Rikard,

Thanks for getting back to me on this topic any please accept my apologies for the delay in getting back to you.

As suggested I have been in contact with the plugin author “tunafish” regarding using the plugin with Enfold.

After having them look at the site and try a few things with the plugin, they got back to me with the following:

[Begin Tunafish quote]
“Hi,

The problem here is that your theme is 100% width so the content is overlapping the #main container. That’s why you don’t see the #main container’s background. If I hide the content background you see that the background banner is actually showing fine it’s just getting invisible because your content is 100% width and has a white background.”

[End Tunafish quote]

I then switched the theme to the Boxed layout informed them again, this was their reply.

[Begin Tunafish quote]
“Hi,

Unfortunately, the boxed template doesn’t help as it resizes the main body tag as well so the same problem occurs The background banner is showing fine but the content still overlaps.

Themes shouldn’t resize the main body tag and only resize the main container. But in your case with your themes setup, I’m afraid background ads will not be possible as it’s either all fullwidth or all boxed.”
[End Tunafish quote]

Not wanting to admit defete at this point i did some digging and came across some advice to set the advert to load on the html DOM

This managed to get the banner displaying however it’s not clickable, i have left Tunafish a reply asking for additional help on this but though to update yourselves and see if there was a solution you may know of.

long shot i know, any ideas guys, any help is so very appreciated!

kind regards

Lee

you can close the topic, thanks!

I’ve tried it and although it will be great for the logos without the need for a link to a post, it stops people being able to click on the logos that do have a post. Is there anyway that I can make the code specify a particular post rather than a blanket code for the masonry?

Thanks,

Krissie

Hi Mike,

Any luck?

A bit of a desparate move here:

.avia_codeblock {
position: absolute;
top: 0;
margin: auto;
width: 1920px !important;
}

So the video resizing does work according to the change in the container div (avia_codeblock).

I however want this to be responsive so this is always fullscreen on a desktop – 100% widths and heights. Percentages do not work it seems, just pixel values.

How can I achieve this?

Hi Victoria,

thanks for the quick answer, though I don’t really understand it. That’s the way Enfold does it anyway, isn’t it?

From avia.js

$('html:not(:animated),body:not(:animated)').animate({ scrollTop: target }, duration, easing, function() {
    console.log('done with the animation')
    // add new hash to the browser location
    // window.location.href=newLocation;
    if(window.history.replaceState) {
        window.history.replaceState("", "", newHash);
    }
});

I am getting to the ‘done with the animation’ log in Firefox, so it does call the callback function. But it doesn’t scroll.

Kind regards,
Florian

Never mind. Found the answer here:
https://kriesi.at/support/topic/contact-form-enfold-shadow-animation-button-and-green-color-around-the-fields/

Close topic.

Thanks,

Jas

Did you view it on a phone or computer? From my laptop the thumbnail images are very blurry and it’s very noticeable. Can anyone help me fix this?

Thanks Rikard but no matter what I change the padding to it remains the same.

This code: .avia-fullscreen-slider .caption_bottom .slideshow_caption {
bottom: auto !important;
padding-top:300px;
}

Gets this: http://www.otwaysaccommodation.com.au/test-kangaroos/

Ismael! Good to see you back!

That was the issue? The www? OMG. 5 days later you solved the mystery. It is very confusing when the link goes to the correct position, but with a reload instead of a scroll to anchor. That tripped me up.

Thanks for coming by. You can close the topic

Jas