Joomla Templates Club 406,261 posts

[bf360 Friend bf360Join date: July 2015Posts: 64Downloads:11Uploads:17 Thanks: 7]

#1067486

Hi! i’d like to keep the hero style-4 video behavior above 768px resolution in under 767px too. I find that if i comment this code on templatesuberlocalacmherocssstyle.css

@media screen and (max-width: 767px) {
  .acm-hero.style-4 .video-wrapper:before {
    display: none;
  }
}

i get the behavior I want (the blue layer doesn’t disappears and video replay continuously )

So without changing the style.css, i try to use the existing code for media max 1199px on templatesuberlocalacmherocsscustom.css

@media screen and (max-width: 767px) {
  .acm-hero.style-4 .video-wrapper:before {
      content: "";
      position: absolute;
      background-color: #039be5;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      opacity: 0.6;
      filter: alpha(opacity=60);
      -webkit-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      transition: opacity 0.5s;
  }
}

In this way, however, I do not get the desired result

How can obtain this?

Best Regards Roberto

• This topic was modified 6 years, 6 months ago by  bf360.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1067676

This reply has been marked as private.

[bf360 Friend bf360Join date: July 2015Posts: 64Downloads:11Uploads:17 Thanks: 7]

#1067731

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1067739

You can share the credentials of your site: Admin + FTP account so I will take a look.

[bf360 Friend bf360Join date: July 2015Posts: 64Downloads:11Uploads:17 Thanks: 7]

#1067749

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1068098

You can try this way:

• Backup your site first
• Open the file: root/templates/uber/acm/hero/less/style-4.less
• Look for this declaration:

.video-wrapper {
height: 0;
padding-bottom: 56.25%;
padding-top: 0;
position: relative;

&:before {
content: "";
position: absolute;
background-color: @brand-primary;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
.opacity(0.6);
.transition(opacity 0.5s);

@media screen and (max-width: @screen-xs-max) {
display: none;
}
}
}

and remove this:

@media screen and (max-width: @screen-xs-max) {
display: none;
}

• Go to admin panel > Extensions > Templates > Uber template style > click to compile less to css

Again, remember to backup all current CSS file first.

[bf360 Friend bf360Join date: July 2015Posts: 64Downloads:11Uploads:17 Thanks: 7]

#1068101

thanks…now i try this after a backup: it’s enough backup root/template/uber folder ?

[bf360 Friend bf360Join date: July 2015Posts: 64Downloads:11Uploads:17 Thanks: 7]

#1068148

i’ve an error on compiling less to css

Compilazione da LESS a CSS fallita templates/uber/acm/hero/less/style.less ParseError: missing opening { in anonymous-file-8808.less on line 556, column 1 554| } 555| } 556| } 557| #less-file-path{content: "templates/uber/acm/hero/less/style-5.less";} 558| /* 559| $JA#COPYRIGHT$

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1068280

Something wrong with the syntax you added, kindly check again.

If it doesn’t work, share me the admin + FTP account.

[bf360 Friend bf360Join date: July 2015Posts: 64Downloads:11Uploads:17 Thanks: 7]

#1068322

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1068491

I use Filezilla client, which credentials should I use?

[bf360 Friend bf360Join date: July 2015Posts: 64Downloads:11Uploads:17 Thanks: 7]

#1068540

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1068743

This reply has been marked as private.

[bf360 Friend bf360Join date: July 2015Posts: 64Downloads:11Uploads:17 Thanks: 7]

#1069106

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1069612

Let me check and will get back to you.

[Author]

Posts