How do I Add A Webp Background Image To A Template Section? - Question | JoomShaper

How do I Add A Webp Background Image To A Template Section?

Dmitry Goncharov

Dmitry Goncharov

Helix Framework 3 years ago

How do I add a webp background image to a template section?

1
3 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #1920

Hi, Do you mean as Background image whole Helix template. If yes, in current version of helix - you have to use custom CSS and set background image for body tag. No WebP format support yet. Anyway very easy, beginner level.

body { 
 background-image: url("images/background.webp"); /* The image used */
  background-color: #cccccc; /* Used before image would be loaded */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}
0
Dmitry Goncharov
Dmitry Goncharov
Accepted Answer
3 years ago #1922

Clearly. I was interested in the standard solution. I hope this will be implemented in HU2. 0

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #1932

Remember that in June 2020 the support for WebP image format was added for Safari 14+ browser, but Apple does not support webp images in older Safari versions. So use this format sensibly. Not all users have iPhone/iPad from last year even in Moscow.

1