Проблем със sidebar-a на wordpress тема zBench

sonic

Member
Здравейте,

Имам следният проблем - wordpress сайт, с инсталирана тема zBench, проблема е че не мога да сложа реклама с размери 300x250 в sidebar-a. Когато сложа реклмата в дясно стои като изрязана с няколко пиксела.

Зададох по-голяма стойност на width, но нищо не се получи. Ако може някой да ми помогне и да ми кажа, как да направя така, че да мога да слагам реклами с размери поне 300x250 в сайдбара

HTML:
#sidebar {
  overflow: hidden;
  width: 276px;
  border: 1px solid #fff;
  padding: 20px 10px 10px;
}
 
Последно редактирано:
От: Проблем със sidebar-a на wordpress тема zBench

Добре бе човек, ръцете ли щяха да ти се счупят ако беше дал линк към темата? Или сайта?
Или ние тук си нямаме работа и ще я търсим?
 
От: От: Проблем със sidebar-a на wordpress тема zBench

Добре бе човек, ръцете ли щяха да ти се счупят ако беше дал линк към темата? Или сайта?
Или ние тук си нямаме работа и ще я търсим?

Умишлено не съм дал линк към сайта си. Ето линк към въпросната тема - https://wordpress.org/themes/zbench/
 
От: Проблем със sidebar-a на wordpress тема zBench

Здравей
с тези стойности по долу дали резултата те устройва Виж файлът 12316

#sidebar-border {
position: relative;
float: right;
width: 310px; - това по default e:298px
margin-top: 12px;
background: #f2f2f2;
border: 1px solid #ccc;
}

#sidebar {
overflow: hidden;
width: 310px;
border: 1px solid #fff;
padding: 20px 0px 10px;
 
От: Проблем със sidebar-a на wordpress тема zBench

Ако сайдбара е по тесен по широчина от самия банер, то е нормално да ти стои като изрязано.
 
Re: От: Проблем със sidebar-a на wordpress тема zBench

Ако сайдбара е по тесен по широчина от самия банер, то е нормално да ти стои като изрязано.
Или вдигаш уайда йа сайт бара, без да чупиш бодито или д сайзваш банера от кода му. :)
 
От: Проблем със sidebar-a на wordpress тема zBench

Така е след като сложа рекламата без да правя никакви промени

mysite.png

Пробвах с 310, но не се получи, след това пробвах с 350, и сайдбара ми изчезна от Home page-а, а на другите страници го имаше и рекламата се виждаше, но естествено не ме задоволява да е така. Ще пробвам и с други стойности. С 325 същата работа.

mysite350.png

Blinky, вместо стойност (пример 310) да напиша auto, така ли?
 
От: Проблем със sidebar-a на wordpress тема zBench

Дай линк към сайта на ЛС.
 
Да, но щом на 350px изчезва вероятно и тази стойност няма да промени нещата. Освен да пипаш в контейнера, но там вече е тегава история. ;)

Ето това:

#sidebar-border {
position: relative;
float: right;
width: 400px;
margin-top: 12px;
background: none repeat scroll 0% 0% #F2F2F2;
border: 1px solid #CCC;
}

+

#content, #content_ns {
overflow: hidden;
float: left;
width: 500px;
padding: 0px;
}

Или по-малко от width: 640px

Това ми идва на ум сега, Но ще промениш и визията на сайта. ;)
 
От: Проблем със sidebar-a на wordpress тема zBench

А целия сайт разшири ли го?
#wrapper {
clear: left;
overflow: hidden;
margin: 0px auto;
max-width: 960px;
}
 
От: Проблем със sidebar-a на wordpress тема zBench

Я виж колко пиксела имаш падинг отляво на рекламата, и сложи margin-left: -(стойността на пикселите падинг)px; на рекламата или нейния външен div

edit: виждам, че е 10px падинга отляво, значи сложи рекламата в един <div class="adHolder"></div> и му задай css .adHolder { margin-left: -10px; }
 
От: Проблем със sidebar-a на wordpress тема zBench

Получи се, зададох тези стойности

Код:
#wrapper {
 clear: left;
 overflow: hidden;
 margin: 0px auto;
 max-width: 990px; вместо 960
 }

#sidebar-border {
 position: relative;
 float: right;
 width: 330px; вместо 298
 margin-top: 12px;
 background: none repeat scroll 0% 0% #F2F2F2;
 border: 1px solid #CCC;
 }

#sidebar {
overflow:hidden;
width:310px; вместо 276
border:1px solid #fff;
padding:20px 10px 10px;
}

Благодаря много за помощта! Според вас това дали ще се отрази и на мобилната версия на сайта?!

И още едно въпросче, докато съм отворил темата. Когато качвам изображения на сайта ми, това черпи ли някакъв ресурс? По-добре ли ще е ако използвам някой от сайтове за хостинг на изображения?


Я виж колко пиксела имаш падинг отляво на рекламата, и сложи margin-left: -(стойността на пикселите падинг)px; на рекламата или нейния външен div

edit: виждам, че е 10px падинга отляво, значи сложи рекламата в един <div class="adHolder"></div> и му задай css .adHolder { margin-left: -10px; }

Благодаря, но засега го понагласих и не мисля да го пипам повече.
 
От: Проблем със sidebar-a на wordpress тема zBench

Навярно говориш за това

Код:
/* for Mobile: since 1.3.8 */
@media screen and (max-width:1000px)
 

Горе