Css Konusunda 1 Sorunum Mevcut Yardımcı Olurmusunuz?

Merhaba, ben ticimax kullanıyorum ve param olmadığı için tema yaptıramadım. Doğal olarak hazır gelen temalardan 1 tanesini kullanmaktayım. Ancak arama barım çık kısa ve uzatmak istiyorum. Destek ekibi arkadaşlar default temalara onlar müdahale etmiyorlar, para verip tasarım yaptır diyolar özetler. Bu konuda yardımcı olabilecek arkadaş varmıdır? http://prntscr.com/j3aqj4 burada ki çizgili alana kadar uzatırsanız sevinirim. Kodda sadece header alanı var tamamını site kabul etmiyor. Şimdiden teşekkür ederim

Css Kodum:

@font-face { font-family: '00250regular'; src: url('font/00250-webfont.eot'); src: url('font/00250-webfont.eot?#iefix') format('embedded-opentype'), url('font/00250-webfont.woff') format('woff'), url('font/00250-webfont.ttf') format('truetype'), url('font/00250-webfont.svg#00250regular') format('svg'); font-weight: normal; font-style: normal; }


* { margin: 0; outline: 0; padding: 0; font-weight: normal; }

body { font-family: '00250regular', Verdana, Arial, sans-serif !important; font-size: 12px; color: #666666; overflow-x: hidden; }

img { border: none; }

ol, ul { list-style: none; margin: 0; padding: 0; }

a { text-decoration: none; color: #666666; }

h1 h2 h3 h4 h5 h6 { margin: 0px; padding: 0px; font-weight: normal !important; }

.clear { clear: both; }

.bordernone { border: none !important; }

.textarea { border: solid 1px #DDDDDD; padding: 4px; width: 94%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.textarea:focus { background-color: #F1F1F1; border: solid 1px #CCCCCC; }

.textbox, .selectboxx { color: #666666; display: block; margin: 0 0 8px 0; font-size: 12px; width: 100%; border: 1px solid #ccc; padding: 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.textbox:focus, select:focus { background-color: #F1F1F1; border: solid 1px #CCCCCC; }

.button { cursor: pointer; background: none repeat scroll 0 0 #111111; color: #FFFFFF; font-size: 12px; margin: 0 0 8px 0; padding: 8px 5px; border: 0; transition: all 0.3s ease 0s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.Block_item .button { display: block; width: 100%; }

.button:hover { background-color: #4fc1e9; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.selectboxx { border: 1px solid #DDDDDD; padding: 4px; width: 100%; }




/* ------------------------------------Kategoriler Slide--------------------------------------------*/

.jCarouselLite { width: 100%; float: left; z-index: 0 !important; overflow: hidden; margin-bottom: 20px; }

.jCarouselLite .productItem { width: 99% !important; margin: 0 !important; padding: 0 !important; }


.JKatAdi { padding-left: 20px; padding: 10px 0; background-color: #f5f5f5; text-indent: 10px; }


.owl-nav { position: absolute; top: -38px; right: 10px; }

.ProductListprev { font-size: 0; float: left; margin-right: 20px; }

.ProductListprev:after { content: "f053"; font-family: 'FontAwesome'; color: #4fc1e9; font-size: 16px; cursor: pointer; }

.ProductListprev:hover { }

.ProductListnext { font-size: 0; float: left; cursor: pointer; }

.ProductListnext:after { font-family: 'FontAwesome'; color: #4fc1e9; font-size: 16px; content: "f054"; }

.ProductListnext:hover { }

/* -----------------------------------Kategoriler Slide--------------------------------------------*/
/* ------------------------------------    Header      --------------------------------------------*/
#header { width: 100%; position: relative; z-index: 1000; transition-duration: 0.7s, 0.7s !important; -webkit-transition-duration: 0.7s, 0.7s !important; /* Safari */ }

.headerContent { width: 1000px; position: relative; margin: 0px auto; }

#logo { min-height: 115px; /* position: absolute; */ /* top: 10px; */ /* left: 0; */ padding-bottom: 45px; }

#logo img { max-width: 540px; }

#back-to-top { position: fixed; z-index: 1000; bottom: 20px; right: 20px; display: none; }

#back-to-top a { display: block; width: 40px; height: 40px; background: #666 url(../default/images/backtotop.png) no-repeat center center; text-indent: -9999px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; }

#back-to-top a:hover { background-color: #000000; }

.welcome { position: absolute; top: 10px; right: 210px; z-index: 15; height: 20px; padding-right: 15px; padding-left: 15px; line-height: 20px; display: block; color: #363636; }

.welcome a { color: #363636; }

.welcome a:hover { color: #4fc1e9; }

.welcome ul li { float: left; margin-left: 10px; }

.usernav { position: absolute; top: 10px; right: 60px; height: 20px; }

.usernav ul li { float: left; line-height: 20px; padding-left: 15px; padding-right: 15px; background: url(images/Sprite.png) no-repeat -2px -243px; }

.usernav ul li a { color: #363636; }

.usernav ul li a:hover { color: #4fc1e9; }

.mycart { position: absolute; top: 50px; right: 0; width: 150px; height: 42px; background-color: #f5f5f5; z-index: 13000; background: url("images/Sprite.png") no-repeat scroll -221px -204px; }

.mycart a { display: block; height: 40px; width: 130px; line-height: 40px; }

.mycart a .sepetTecxt { font-weight: bold; font-size: 14px; color: #4fc1e9; }

.CartProduct { background-color: #FFF; width: 290px; border: 1px solid #4fc1e9; position: absolute; padding: 10px; top: 45px; right: 0; z-index: 9998; z-index: 14; }

.CartProduct ul { width: 100%; float: left; }

.CartProduct ul li { width: 96%; overflow: hidden; padding-left: 2%; padding-right: 2%; }

.CartProduct ul.SProduct li:hover { }

.CartProduct ul.SProduct li:hover a { }

.CartProduct ul.SProduct li a { background: no-repeat; margin: 0; padding-top: 5px; width: 100%; display: block; color: #111; padding-left: 0; }

.CartProduct ul.SProduct li a img { max-height: 40px; max-width: 40px; min-height: 40px; min-width: 40px; border: solid 1px #DDDDDD; float: left; }

.CartProduct ul.SProduct li a p { float: left; font-size: 11px; margin-left: 1%; display: block; overflow: hidden; text-align: left; }

.SepettopAd { width: 60%; }

.sepetTecxt { margin-right: 3px; }

.SepettopAd span { line-height: 21px; }

.SepetTopAdet { width: 10%; }

.SPrice li { text-align: right; }

.SPrice li { font-weight: bold; color: #111; }

.CartProduct ul .SProductA a p { line-height: 40px; width: 100%; }

.searchContent { background: url("images/Sprite.png") no-repeat scroll -291px -3px; top: 50px; clear: both; height: 70px; margin: 0; padding: 0; position: absolute; right: 170px; width: 70px; z-index: 10000; display: block !important; cursor: pointer; }

.searchContent:hover { background: url("images/Sprite.png") no-repeat scroll -291px -77px; }

.ButtonMic { border: 0; background-color: transparent; vertical-align: middle; margin-top: 4px; position: absolute; top: 0px; right: 34px; z-index: 10; }

.search { display: none; cursor: pointer; height: 32px; top: 43px; right: 0; position: absolute; z-index: 100001; text-align: left; width: 235px; background-color: #FFF; border: solid 1px #4fc1e9; border-top: solid 3px #4fc1e9; padding: 5px; }

#txtbxArama { position: absolute; top: 5px; left: 5px; width: 180px; height: 20px; }

.rsbButton { border: none; width: 35px; height: 35px; border-radius: 30px; position: absolute; top: 3px; right: 3px; background-color: #4fc1e9; color: #FFF; cursor: pointer; }

.rsbButton:hover { background-color: #363636; }
/* ------------------------------------Navigation--------------------------------------------*/
.navigation { height: 40px; position: absolute; bottom: 0; z-index: 12; border-bottom: solid 1px #dedede; border-top: solid 1px #dedede; }

.navigation ul li { float: left; transition-duration: 0.4s, 0.4s; -webkit-transition-duration: 0.4s, 0.4s; /* Safari */ }

.navigation ul li:hover { background-color: #FFFFFF; }

.navigation ul li:hover a { color: #000000; }

.navigation ul li a { color: #FFFFFF; font-size: 16px; padding: 6px 10px 5px; line-height: 32px; display: block; }

.navigation ul.HeaderMenu > li > ul { position: absolute; top: 43px; left: 0; width: 100%; min-height: 160px; border-bottom: solid 2px #F00; background-color: #FFFFFF; padding-top: 5px; display: none; z-index: 12; }

.navigation ul.HeaderMenu li:hover ul { display: block; }

.navigation ul.HeaderMenu li ul li { position: relative; width: 16.1%; margin-left: 0.5%; margin-bottom: 5px; }

.navigation ul.HeaderMenu li ul li a { color: #000000; }

.navigation ul.HeaderMenu > li > ul > li > a { color: #666666; font-size: 13px; font-weight: bold; background-color: #F8F8F8; padding: 0; text-indent: 5px; margin-bottom: 5px; line-height: 29px; }

.navigation ul.HeaderMenu li ul li ul { position: relative; top: 0px; left: 0; }

.navigation ul.HeaderMenu li ul li ul li { width: 100%; margin-bottom: 0; }

.navigation ul.HeaderMenu li ul li ul li a { font-size: 12px; padding: 0; line-height: 20px; text-indent: 5px; color: #545454; font-weight: normal; }

.navigation ul.HeaderMenu li ul li ul li a:hover { color: #F00; }
/* ------------------------------------Navigation2--------------------------------------------*/
ul.HeaderMenu2 { width: 1000px; margin: 0px auto; text-align: center; }

ul.HeaderMenu2 ul { display: none; }

ul.HeaderMenu2 li { float: left; font-weight: bold; }

ul.HeaderMenu2 li:hover { background-color: #4fc1e9; }

ul.HeaderMenu2 li:hover a { color: #FFF; }

ul.HeaderMenu2 li a { color: #111111; font-size: 14px; margin-left: 5px; padding-left: 10px; padding-right: 10px; line-height: 30px; display: block; border: none !important; }

ul.HeaderMenu2 ul { background: #4fc1e9; padding: 0; position: absolute; top: 100%; z-index: 99999; min-width: 240px; }

ul.HeaderMenu2 ul li { float: none; position: relative; margin-top: 0; text-align: left; border: none; border-bottom: solid 1px #4fc1e9; border-top: solid 1px #4fc1e9; }

ul.HeaderMenu2 ul li:hover { background: no-repeat; }

ul.HeaderMenu2 ul li a { background: url("images/Sprite.png") no-repeat scroll -7px -212px; font-size: 11px; padding: 6px 40px 4px 15px; color: #998585; line-height: 20px; }

ul.HeaderMenu2 ul li:hover a { background: url("images/Sprite.png") no-repeat scroll -7px -187px; color: #363636; }

ul.HeaderMenu2 ul li:hover ul li a { background: url("images/Sprite.png") no-repeat scroll -7px -212px; color: #FFF; }

ul.HeaderMenu2 ul li:hover ul li:hover a { background: url("images/Sprite.png") no-repeat scroll -7px -187px; color: #363636; }

ul.HeaderMenu2 li ul li ul { position: absolute; left: 100%; top: 0; min-width: 240px; display: none !important; }

ul.HeaderMenu2 li ul li:hover ul { display: block !important; }

ul.HeaderMenu2 li:hover ul { display: block; }
/* ------------------------------------    Header      --------------------------------------------*/

.searchContent{width: 400px}
#txtbxArama{width: 100%}

Merhaba, bunu herhangi bir yere eklesem olur mu ? Yoksa özel bi yeri var mı?

CSS dosyanınızın en altına eklemeniz yeterli.

Ekledim ancak işe yaramadı. Sizce sorun ticimax tarafındamıdır? Ona göre destek talebi açim.

Eklediğiniz kod css dosyasında gözükmüyor. Cache varsa ondan kaynaklanıyor olabilir, temizleyip deneyin.
Kodu da aşağıdaki şekilde değiştirin.

@media (min-width:990px) {
.searchContent{width: 400px!important}
#txtbxArama{width: 100%!important}
}

Hocam bunun baya bir ayarı yapılması gerekiyor
genişletince arada bir boşluk oluşuyor borderler birbirinden bağımsız.
komple border atım görmek için berbat bişi oldu
ama css te karşılıgını bulursanız borderları editleyebilirsiniz. atıgınız kodlamaya ayrıntılı bakamadım siteniz üzerinde ufak bir inceledim
https://prnt.sc/j3xku4
bu şekilde birşey istiyorsunuz degil mi ?

Merhaba, evet oyle bırsey ama logo ıle sepet arasındakı bosluk orantılı olsun ıstıyorum ama olmuyo

.searchContent {[LIST=1][*]    top: 81px;[*]    height: 47px;[*]    position: absolute;[*]    right: 380px;[*]    width: 260px;[*]   z-index: 10000;[/LIST]

https://prnt.sc/j4tyus

yazdıgım class ayarınızı böyle yaparsanız resimdeki gibi ortalamaş olursunuz.
belki tam ortalayamamış olabilirim, right:380px; px ayarını buyutup küçültüp ayarlıyabılırsınız konumu,

iyi forumlar