بزرگ کردن کادر سرچ

[puzzelfix]

با سلام یک ماژول هست در سایتم
demo.puzel.ir
هر کاری میکنیم سایز کادر این سرچ از 270px بیشتر نمیشه حتی تو css هم براش سایز بیشتر تعریف کردیم ولی بزرگتر نمیشه
ما از قالب الکترو مارکت استفاده می کنیم کسی راه حلی دارد
 
اینم کد css ماژول :

#search_block_top {
  padding-top: 50px; }
  #search_block_top #searchbox {
    float: left;
    width: 100%; }
  #search_block_top .btn.button-search {
    background: #333333;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: white;
    width: 50px;
    text-align: center;
    padding: 10px 0 11px 0; }
    #search_block_top .btn.button-search span {
      display: none; }
    #search_block_top .btn.button-search:before {
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 17px;
      width: 100%;
      text-align: center; }
    #search_block_top .btn.button-search:hover {
      color: #6f6f6f; }
  #search_block_top #search_query_top {
    display: inline;
    padding: 13px 60px 13px 13px;
    height: 45px;
    background: #fbfbfb;
    margin-right: 1px; }

.ac_results {
  background: white;
  border: 1px solid #d6d4d4;
  width: 271px;
  margin-top: -1px; }
  .ac_results li {
    padding: 0 10px;
    font-weight: normal;
    color: #686666;
    font-size: 13px;
    line-height: 22px;
    text-align: right;
    border: 1px solid #d6d4d4; }
    .ac_results li.ac_odd {
      background: white; }
    .ac_results li:hover, .ac_results li.ac_over {
      background: #fbfbfb; }

form#searchbox {
  position: relative; }
  form#searchbox label {
    color: #333333; }
  form#searchbox input#search_query_block {
    margin-right: 10px;
    max-width: 222px;
    margin-bottom: 10px;
    display: inline-block;
    float: left; }
  form#searchbox .button.button-small {
    float: left; }
    form#searchbox .button.button-small i {
      margin-right: 0; }

[Fahime1992]

سلام بر شما.

کدوم فایل رو تغییر می دید؟

این مسیر رو برید:

module/prosearch/css//prosearch.css

 توو این قسمت #search_block_top

width رو درصدی بدید.

موفق باشید

[puzzelfix]

درصدی زدم انجام نمیشه

[puzzelfix]

کادر کلمات سرچ شده رو چطور بزرگتر کنم

 

چون کادرش کوچیکه خیلی از مدلها توش جا نمیشن واسه همین میخواستم کادر اصلیم بزرگ کنم؟؟؟؟؟؟؟؟

[دانوش]

کادر سرچ که مشکلی نداره. اگه منظورتون کادر نتایج هست چون دارای استایل inline هست باید از طریق css بعد از مقدار یک !important بنویسید.

width: 400px !important

[puzzelfix]

با تشکر و ممنون

[puzzelfix]

خوب حالا با تغییر دو کد میشه قیمت ها را نمایش داد مثلا :

mytab[mytab.length] = { data: data[i], value:' <img src="'+ data[i].ajaxsearchimage + '" />' + data[i].pname  }

به

mytab[mytab.length] = { data: data[i], value:' <img src="'+ data[i].ajaxsearchimage + '" />' + data[i].pname + '" />' + data[i].pprice }

قسمت اضافه شده رو با قرمز نشون دادم

و ایا بعد از قرار دادن کد نمایش می دهد یا تا css ننویسیم نشون نمی دهد

[Amir2015]

دوستان کسی نمیتونه تو این مورد کمکی کنه

[Amir2015]

دوستان کسی نمیتونه تو این مورد کمکی کنه

[Fahime1992]

دوستان کسی نمیتونه تو این مورد کمکی کنه

 

والا من تست کردم ولی شما همینو بذارید ببنید جواب میده یا نه؟

جواب داد که خدا رو شکر نداد css بدید،  ببنید برای نمایش قسمت های قبلی مثلا نام چه کاری انجام شده همونو برای قیمت تکرار کنید.

موفق باشید