Может быть найдется подходящий плагин для этой цели https://ru.wordpress.org/plugins/search/Background/
anonymized-17844177
(@anonymized-17844177)
master2b, привет.
Фоновая картинка, на моб версии сайта, является в виде обрезанного фрагмента картинки (на ПК)
Она не обрезана, а спозиционирована стилями так. У вас что на ПК, что на мобильных грузится одна и та же картинка фоновая.
на моб версии сайта была целая в уменьшенном виде.
background-size: contain;, хотя вы, видимо, не совсем себе визуально представляете то, о чём написали. Или «играйте» с background-position для моб. экранов: 70% 50% навскидку.
Я слаб в css, пользуюсь в основном конструктором елементор, может подскажите как прописать полностью этот стиль?
anonymized-17844177
(@anonymized-17844177)
master2b, давайте попробуем.
Вот ваш фон:
.elementor-1294 .elementor-element.elementor-element-68613990:not(.elementor-motion-effects-element-type-background) {
background-image: url("https://masterstudio2b.com.ua/wp-content/uploads/2020/07/piling-7.jpg");
background-position: center right;
background-repeat: no-repeat;
background-size: cover;
}
—-
Добавьте это в доп. стили в настройках темы:
Чтобы подстроить желаемое отображение, попробуйте подобрать значение background-position в процентах:
@media screen and (max-width:768px) {
.elementor-1294 .elementor-element.elementor-element-68613990:not(.elementor-motion-effects-element-type-background) {
background-image: url("https://masterstudio2b.com.ua/wp-content/uploads/2020/07/piling-7.jpg");
background-position: 70% 50%;
background-repeat: no-repeat;
background-size: cover;
}
}
Вот этот вариант отобразит то, что вы изначально написали:
@media screen and (max-width:768px) {
.elementor-1294 .elementor-element.elementor-element-68613990:not(.elementor-motion-effects-element-type-background) {
background-image: url("https://masterstudio2b.com.ua/wp-content/uploads/2020/07/piling-7.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
}
Но это, очевидно, не вариант.
