Фон на Wordpress при различна резолюция

IceBlack

New Member
Изображенията, които съм сложил за фон в сайта се показват по различен начин при по-висока резолюция. Различното в случая е, че ако е по-висока резолюцията на съответния монитор, изображението не се адаптира към целия екран и стои като отрязано.
Използвам SiteOrigin Editor и в съответния ред съм вмъкнал снимка за фон (има такава опция). След това в текстовия редактор съм задал спейсъри, в рамките на които е разположено изображението. Точно от тук смятам, че идва проблемът и ще се радвам да ми предложите някаква алтернатива.
Пробвах в CSS редактора на темата да използвам този код, но безуспешно.

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
 
От: Фон на Wordpress при различна резолюция

грешка във фонта имаш също
http://fonts.googleapis.com/css?fam...ese,cyrillic-ext,cyrillic,latin-ext&ver=1.0.0 Failed to load resource: the server responded with a status of 400 (Bad Request)
ето ти го кодът не си го написал май правилно
<div id="pl-34"><div class="panel-grid" id="pg-34-0" ><div class="siteorigin-panels-stretch panel-row-style" style="background-image: url(http://i1.wp.com/webzone-eu.com/wp-content/uploads/2016/02/Ocean.jpg?fit=3500,2324);background-size: cover;" data-stretch-type="full" ><div class="panel-grid-cell" id="pgc-34-0-0" ><div class="so-panel widget widget_sow-editor panel-first-child panel-last-child" id="panel-34-0-0-0"><div class="so-widget-sow-editor so-widget-sow-editor-base">
<div class="siteorigin-widget-tinymce textwidget">
<p style="text-align: center;"> <span class="" style="display:block;clear:both;height: 0px;padding-top: 100px;"></span></p>
<h5 style="text-align: center;"><span class="headline-resize"><span style="color: #278be3;">WEBZONE-EU</span></span></h5>
<h2 style="text-align: center;"><strong><span style="color: #7ca4cf;">Добре дошли!</span></strong></h2>
 
От: Фон на Wordpress при различна резолюция

Благодаря ти за кода. Като го въведа обаче и го запазя, не го приема. Въвеждам го в CSS Stylesheet Editor, нали?
Относно грешката в шрифта, ще се опитам тези дни да я оправя.

EDIT: Blinky, да, на по-големи монитори остава място отдолу. Къде се въвежда кодът, който ми даде?
 
От: Фон на Wordpress при различна резолюция

Ако добавиш width: 100%; height: auto; няма ли да се получи. Честно казано картинката ти е ок, но явно за големи монитори не стига до края. Ще го видя на голям монитор, че в момента с моите 15,3" си е ОК.
 
От: Фон на Wordpress при различна резолюция

прочети надолу коментарите там има и за по големи резолюции, също така ще ти трябват повече от 1 изображение
 
От: От: Фон на Wordpress при различна резолюция

EDIT: Blinky, да, на по-големи монитори остава място отдолу. Къде се въвежда кодът, който ми даде?

Кодът сега в тази декларация, но мисля, че ще е нужно за да стане по-добре да вземеш по-голяма картинка. Тя е ясно, че ще е фиксд. А след колко е проблема? Като резолюция говоря, защото наистина може да допълниш с колър код, ако в един момент минава. Виж това: powergas.bg
 
От: Фон на Wordpress при различна резолюция

Пробвах кодовете, но или не ги приема, или не се получава. Предполагам, че темата, която използвам не поддържа толкова опции за настройване. Пробвах да използвам изображение с по-голяма резолюция, но ефектът е същият - докато не увелича височината на спейсъра, нищо не мръдва. Смятам, че най-добре за момента е да увелича малко повече спейсърите. Очаквах, че е възможно според големината на монитора автоматично да се адаптират изображенията, но явно съм грешал.
Благодаря ви за помощта!
 
От: Фон на Wordpress при различна резолюция

Очаквах, че е възможно според големината на монитора автоматично да се адаптират изображенията, но явно съм грешал.
Благодаря ви за помощта!
Медия куерита ....
 
От: Фон на Wordpress при различна резолюция

Малка ти е картинката, затова на голям монитор не излиза цялата. Дори да я направиш да излиза, ще се влоши качеството. Трябва ти голяма, която да излиза добре на голям монитор и тогава вече лесно ще се смалява при по-малка резолюция.
 

Горе