Bu Sorunu Çözene Helal Olsun!

Question

Anasayfada slider alanı mevcut ve sol tarafta küçük görsel alanı sağ tarafta ise büyük görsel alanı mevcut 2 görsel alanı tek slider görünümü mevcut benim sorunum şu şekilde 2 görsel arasındaki aralığı azaltmak istiyorum aramadığım yer kalmadı ne yaptıysam aradaki boşluğu azaltamadım bu sorunu çözebilecek varmı şimdiden teşekkür ederim.
Bahsetmiş olduğum aralığı aşağıda bulunan görselde kırmızı okile göstermiş bulunmaktayım.

Demo Adres

MrHyp3R · Accepted Answer

wordpress ek css kısmına 2 element için kod ekleyerek oradaki boşluğu alabiliriz. Ben clientten yaptım

arenpi · Answer

.shortcode_barberry_collections_slider .barberry_slider_content {&#91;LIST=1&#93;&#91;*&#93;    position: relative;&#91;*&#93;    flex-basis: 1%; bu kod&#91;*&#93;    height: 70%;&#91;/LIST&#93;}

esimsek · Answer

Bu kodu hangi alanda buldunuz hocam nereyi düzenleyeceğimi belirtebilirmisiniz acaba?
						arenpi adlı üyeden alıntı:						mesajı görüntüle									.shortcode_barberry_collections_slider .barberry_slider_content {&#91;LIST=1&#93;&#91;*&#93;    position: relative;&#91;*&#93;    flex-basis: 1%; bu kod&#91;*&#93;    height: 70%;&#91;/LIST&#93;}

tuzlatuning · Answer

https://i.hizliresim.com/88kgule.png
İstemiş olduğunuz tam olarak görselde ki gibi midir?

app.css dosyasının 14264. satırında aşağıdaki kodlar gözüküyor. Onlardan "flex-basis: 10%;" olanı silerseniz görselde ki gibi olur.

.shortcode_barberry_collections_slider .barberry_slider_content { position: relative; flex-basis: 10%; height: 70%; }

arenpi · Answer

hocam daha napim bilemedim yani ha. normalde ücretli yapıyoz

esimsek · Answer

Evet ama bu defa ortadaki transparan açıklama kutusu çok daralıyor ve kötü duruyor oranın öyle olmasını istemiyorum
						tuzlatuning adlı üyeden alıntı:						mesajı görüntüle									https://i.hizliresim.com/88kgule.png
İstemiş olduğunuz tam olarak görselde ki gibi midir?

app.css dosyasının 14264. satırında aşağıdaki kodlar gözüküyor. Onlardan "flex-basis: 10%;" olanı silerseniz görselde ki gibi olur.

.shortcode_barberry_collections_slider .barberry_slider_content { position: relative; flex-basis: 10%; height: 70%; }

esimsek · Answer

Yok hocam haklısınızda sadece kodu nereden çekmiş orayı söyleseniz ona göre düzenlemeyi sağlarım

arenpi adlı üyeden alıntı:						mesajı görüntüle									
hocam daha napim bilemedim yani ha. normalde ücretli yapıyoz

angelicmoon · Answer

.shortcode_barberry_collections_slider .barberry_slider_big {&#91;LIST=1&#93;&#91;*&#93;    position: relative;&#91;*&#93;    overflow: hidden;&#91;*&#93;    flex-basis: 80%;&#91;*&#93;    align-self: flex-end;&#91;*&#93;    position: relative;&#91;*&#93;    left: -75px;&#91;/LIST&#93;}

esimsek · Answer

Konuya zaman ayırıp sorunuma çözüm sağladığınız için hepinize ayrı ayrı teşekkür ederim sorunum çözülmüştür.

Geokomplo · Answer

%2 ayarı ile oynayabilirsin, wordpress ise: Özelleştir > CSS bölümüne ekle.

.shortcode_barberry_collections_slider .barberry_slider_content {
position: relative;
flex-basis: 2% !important;
height: 70%;
}

tuzlatuning · Answer

esimsek adlı üyeden alıntı:						mesajı görüntüle									Evet ama bu defa ortadaki transparan açıklama kutusu çok daralıyor ve kötü duruyor oranın öyle olmasını istemiyorum 		app.css diye bir dosyanız gözüküyor kodlarda. Oradan boşluğu silebilirsiniz.

Başlık kısmını genişletmek için ise aşağıdaki css kodlarına "width" değeri vermeniz yeterli. "300px" verdiğim vakit güzel gözüküyor fakat mobil üzerinde nasıl gözükür denemek lazım.

TRANSPARAN ALAN DÜZENLENECEK KOD

.shortcode_barberry_collections_slider .barberry_slider_content .slider_content-wrapperHiçbir şey yapamıyorsanız tema klasörünü tamamen indirin. notepad++ ile arama yap deyip klasör içerisinde ilgili css sınıflarını aratabilirsiniz.

Klasör içerisinde arama yapmak için;

Tema klasöründe herhangi bir php dosyasını açın. CTRL+F ile arama kutusunu açıp sekmelerden "Dosyalarda Bul" bölümüne gelin. Aranan bölümüne ilgili css sınıfından bir bölüm ya da tamamını yazın. Dizin bölümünden de indirdiğiniz tema klasörünü seçip arama yaptırın.