Page elements move to different locations upon publishing

I tried with a different computer using chrome and still same problem. It is not because of my computer

Good morning Rikard,

first of all sorry for this late reply I had to be be far from my computer for a few days.

Thanks for your advice. As you may easily understand this is my first experience in web design :) Thats why I preview pages several times not to take a wrong step :) But from now on I’ll always remember your advice.

But …. This time problem evolves to a different step.

New version :
“I’m trying to make these two cells adherent. The upper one will be 1/1 in width and the lower one will be 3/5 in width.”

I apply the changes and directly publish the page, DO NOT PREVIEW IT. But I cannot keep them adherent. On the resulting page these two cells do not touch to each other, suddenly a gap occur between and i cannot understand why that gap occurs. This ghost gap does not occur only with these widths but also in some other conditions too so I cannot design my page exactly as I want it to be

Thanks and regards..

PS: Actually I think that if you may invite Yigit from your team to this conversation I can talk to him in my native language (Turkish). That may be better for me to explain the problem.

Regards.

• This reply was modified 7 years ago by orkunozkaya.

Yiğit merhaba,

Böyle garip bir konuyu başından beri İngilizce anlatmaya debeleniyorum, uzadıkça uzadı :) Muhtemeldir ki birşeyleri yanlış anlattım. İnan seni gördüğüme çok sevindim. Rikard da sağolsun çok uğraştı, elinden geleni yapmaya çalıştı ama eğer eksik anlatımım olduysa onun da yapacağı fazla birşey yoktu.

Konuyu burada tekrar özetlemeye çalışayım:

Sorunum basit olarak şu: Sayfayı publish ettikten sonra bazı field’ların (Page Elements) yerleşiminde kaymalar olduğunu farkettim (Aralarındaki açıklığın artmasından farkına vardım). Açıkcası bu sorun daha evvel de vardı da ben mi farketmedim yoksa Enfold’un son versiyonunu yükledikten sonra meydana gelmeye başlayan birşey mi.bilmiyorum.

Sayfadaki elemanları azalta azalta en sonunda basit bir deneme sayfası hazırladım, bu sayfaya bakarsan deneme yaparak bahsettiğim kaymayı sen de görebilirsin.

Deneme yapabileceğin sayfa : http://detaysolar.com/deneme/
Sana aşağıda Private Content ile bir tane admin login yolluyorum

Yukarıda bahsettiğim deneme sayfsında alt alta yerleştirdiğim 2 kolonun içinde 2 tane Text Block göreceksin, bunları Cell_1 ve Cell_2 olarak adlandırdım. Sayfayı dizayn ederken “Preview Changes” ile bakıyorum Cell_1 ve Cell_2 alt alta (yapışık) duruyorlar. Yani şu resimdeki gibi:

‘ http://detaysolar.com/prw_1/

Sonra sayfayı publish ettiğimde sayfaya tekrar bakıyorum, bir anda iki hücrenin arası açılmış görüyorum. Yani şu resimdeki gibi;

‘ http://detaysolar.com/prw_2/

İşin garibi yukarıdaki kutucuk genişliği 1/1’den farklı olduğu zaman çoğunlukla bunlar Publish ettikten sonra bile hala yapışık gözüküyor ama yukarıdaki kolonun genişliği 1/1 olduğu, alttaki kolonun genişliği 3/5 olduğu zaman bu iki hücreyi birbirlerine yapışık tutmanın mümkünatı yok.

Üst kolon ve alt kolon sadece 1/1 – 3/5 değil daha farklı başka kombinasyonlarda da aynı sorun yaşanıyor. Ben deneme yanılma yaparken bunu farkettim ama örnek olarak 1/1 – 3/5 çiftini verdiğim için sürekli ondan bahsediyorum :)

Burada benim aklıma gelen iki ihtimal var:
1. Benim kullandığım kolon ve Text Block’larda yaptığım ayarlarda bir sakatlık var ve ben bir türlü bulamıyorum
2. Tema’da sadece koda bakarak bulunabilecek işlevsel olmayan ama görsel ufak bir sıkıntı var.

Diyeceksin ki “Sen de 1/1 – 3/5 çiftini kullanma sayfanda :)”
Sorun o değil, dediğim gibi farklı çiftlerde de sorun yaşanıyor. Araları boşluksuz text blocklar kullanma ihtiyacım olduğu zaman (çok da oluyor açıkcası) sayfamın sonucunun tam istediğim gibi çıkacağından bir türlü emin olamıyorum :)

Bir de şunu ekleyeyim, Rikard “Page Preview kullanma direkt publish et” dedi. Bunu da denedim, direkt publish ettiğim zaman da sorun değişmiyor.

Kısacası sorun : Sayfaya birbirine yapışık ve farklı genişliklerde iki text_block’u alt alta koymaya çalışıyorum. Üstteki 1/1 genişliğinde alttaki ise 3/5 genişliğinde olacak. Bunu da bir türlü beceremiyorum. Sayfaya Preview ile bakınca yapışık gözüküyorlar ama Publish edince birbirlerinde ayrılıyorlar.

Çok teşekkür ederim.

• This reply was modified 7 years ago by orkunozkaya.

Merhaba Yiğit,

Sanırım altta yer alan (3/5 genişliğinde olan) Column’un “Custom top and bottom margin” kutucuğundan bahsediyorsun. Gördüğüm kadarıyla o kutucuğu işaretleyip 0 (Sıfır) olarak ayarlamışsın.

Evet bu şekilde kolonlar birbirine yapıuşık kalıyor. O alanın varsayılan değeri işaretlenmemiş olmasıydı onun için işaretleyip denemek hiç aklımdan bile geçmedi açıkcası.

Başka biryerde değişiklik yok değil mi ? Sadece “Custom top and bottom margin” kutucuğunun işaretlenmiş olmasını görebildim değişiklik olarak

Teşekkürler

Çok sağol Yiğit,

şu anda gördüğüm kadarıyla sorun kalmamış. Ellerine sağlık