Sorry I meant this one

Oh gee, that’s odd. I tried on two computers the Fashion-3 page, and both look bad (side by side) on all three browsers? The “curated fashion for lovers” is on the left, the quote on the right? I just tried a laptop…same thing? Why should this be?|
the Fashion page (standard http://www.whyconcept.co/fashion/) doesn’t have the <br> and doesn’t split the container?

Hi Andy,

I’ve managed to find a previous topic which covered a similar issue and I’ve used the code from that.

Thanks for your help and you can close the topic now.

Best wishes,
Lowenna

Hi Ismael,

All of our MP4 video’s are using H.264? We uploaded a webm video to see if this solved the issue when using IE or Edge.

Neither of the above formats are working when using the IE browser. All we see is the circle of dots (i.e. file loading) icon?

When we use MP4 video on the homepage using IE, we see ‘Error Loading this resource’ message, top left of the screen and the loading icon. It does not play the video.

Please can you help?

Regards
Neil

found this solution and used it

now its OK

this is the css.
little bit complicated because i needed to desig both ajax preview.
one for full page and another for page that have sidebar.
also the css maybe little bit rough, made it as quick as possible and got the result.

/* ajax portfolio display the thumbnails at the side of the big pic instead of the bottom */ 
.avia-gallery-thumb img {
	max-height:160px;
	width:auto;
}

.avia-gallery-thumb  {
	margin-bottom:12px;
}

#top .portfolio-preview-image {direction:rtl}
#top .portfolio-preview-image .avia-gallery img  {
float: none;
padding: 7px !important;
width: auto;
display: inline-block;
clear:none;
}

#top .portfolio-preview-image {padding-top:40px;}
#top .portfolio-preview-image .avia-gallery .avia-gallery-big-inner {
text-align: center;

}
#top .portfolio-preview-image .avia-gallery a  {
float:right !important; max-width:100% !important;
}

#top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-no-crop-thumb   {
float:right !important; max-width:320px !important;
height:auto !important;
margin-left:33px !important;
/*background-color:#0F3;*/
border:none !important;

}

#top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-inner img  {
max-width:280px !important;height:auto !important

}

#top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-inner   {
float:right !important; max-width:320px !important; height:auto !important

}

.avia-gallery-thumb { /*background-color:#039;*/ max-width:50% !important; float:right;}
.avia-gallery-thumb img {border:none !important}

/* display of ajax ortfolio entry when there is right sidebar */
.sidebar_right .portfolio-preview-image {width:80%; !important; padding-right:22px;}
.sidebar_right   .portfolio-entry  { width:100% !important;}
.sidebar_right .avia-gallery-thumb { max-width:50% !important }

.sidebar_right .avia-gallery-thumb img {
	max-height:120px;
	width:auto;
}

Our website is in 2 languages: dutch and french. I made translated widget images for both languages. But if I create an widget in dutch, the versin in franch don’t show up or shows the dutch version

regards

Christophe

Hi Vinay – I just tried using that and adding it to my child theme CSS

.sd-blue{
width: 100%;
height: 100%;
background: url(‘http://rfl.shortiedesigns.com/wp-content/uploads/2016/06/blue_bg-1.png&#8217;) center center no-repeat;
background-size: cover;

&:before {
content: ”;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
opacity: .6;
}
}

But when I do the background goes white

Here is a screenshot of what i’m trying to do

https://www.dropbox.com/s/fhjvczd5lacv3fg/Screen%20Shot%202016%2006%2028%20at%203.29.53%20pm.png%20%201303%C3%97572%20.png?dl=0

– I’m trying to have a full width background imge
– and a gradient attached to this particular class…

any clues would be great thanks