Sorry it wasn’t quite the solution you were looking for.

Let us know if you have any other questions or issues.

Regards,

Devin

Hi blueunderground,

I’m not sure what you mean. Are you trying to get a specific image that fits exactly into the header background?

If so that will take quite a bit of css tweaking to get right and make sure it works on all browsers and then responds to the re-sizing on scroll as well as the responsive changes.

Regards,

Devin

You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

.avia-content-slider .slide-image, .avia-content-slider .slide-image img {

border-radius: 0px;

}

Its small enough where I just hadn’t noticed it before but that should remove the border radius.

Regards,

Devin

Glad you got it working :)

Let us know if you have any other questions or issues.

Regards,

Devin

What is the issue on this page? I apologize I’m just not following the thread at this point as that page has a regular gallery but no ajax portfolio. For me at least, I’m getting no issues at that link for that gallery.

Hi artistic24459,

Your original rgba color code is incorrect because its rgba and you don’t have an alpha value. So it should just be rgb.

The icon is a font so if you want it larger you just increase the font size (its the best thing about using font file for icons!).

For example, this gives you a gray overlay with a giant icon:

.image-overlay {

position: absolute;

background: #333;

z-index: 500;

height: 100%;

width: 100%;

opacity: 0;

filter: alpha(opacity=0);

}

.image-overlay .image-overlay-inside::before {

content: "E744";

font-family: 'entypo-fontello';

font-size: 120px;

font-weight: normal;

}



.image-overlay .image-overlay-inside::before {

position: absolute;

border-radius: 50px;

background: #000;

height: 80px;

width: 80px;

line-height: 80px;

left: 50%;

top: 50%;

margin: -40px 0 0 -54px;

z-index: 500;

text-align: center;

color: #fff;

}



a:hover .image-overlay .image-overlay-inside {

-webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);

-moz-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);

-o-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);

animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);

}

I included the animation just so you can have it as a reference. If you wanted everything to only effect the portfolio on that page you could use the page ID selector as a prefix to your other selectors.

Hope this helps.

Regards,

Devin

Hi kpellikaan,

Which iPhone do you have and which OS version? Kriesi is the only one of us that is able to test for iPhones specifically but it should scale somewhat based on the image settings for the color section.

Regards,

Devin

Hi Magh,

There was an old bug that did something similar to this so if you are not using Enfold 2.0 please update your theme files and see if that fixes the issue.

I did a quick how-to video for updating here: https://vimeo.com/channels/aviathemes/67209750

Regards,

Devin