0
Kayıt Ol

Logoyu Nasıl Sola Yaslarım ?

8

●

236

  • 18-03-2019, 19:24:51
    #1
    Garfield
    Garfield
    Üyeliği durduruldu
    suradakı sıtedekı logoyu sola dayalı yapmak ıstıyorum yardımcı olabılecek varmı acaba ana sayfa yazısı ıle aynı hizada olucak
  • 18-03-2019, 19:29:44
    #2
    Misafir
    Misafir
    Basitçe;

    .td-header-style-1 .td-header-sp-logo {[LIST=1][*]    width: 284px;[*]    position: relative;[*]    height: 90px;[*]    margin: 28px 18px 2px -34px;[/LIST]
}
    kodu CSS dosyanızın 1721. satırında bulunuyor. Margin'i -34 yapıp şu sonuca ulaştım; http://prntscr.com/mzkp3v

    Daha profesyonel arkadaşlar başka çözümlerde sunabilirler.
  • 18-03-2019, 19:39:32
    #3
    Garfield
    Garfield
    Üyeliği durduruldu
    Kaçan Panda adlı üyeden alıntı: mesajı görüntüle
    Basitçe;

    .td-header-style-1 .td-header-sp-logo {[LIST=1][*]    width: 284px;[*]    position: relative;[*]    height: 90px;[*]    margin: 28px 18px 2px -34px;[/LIST]}
    kodu CSS dosyanızın 1721. satırında bulunuyor. Margin'i -34 yapıp şu sonuca ulaştım; http://prntscr.com/mzkp3v

    Daha profesyonel arkadaşlar başka çözümlerde sunabilirler.
    style.css den dediğiniz yeri güncelledim ama değişmedi
  • 18-03-2019, 19:41:02
    #4
    Misafir
    Misafir
    Mehmet_OZCAN adlı üyeden alıntı: mesajı görüntüle
    style.css den dediğiniz yeri güncelledim ama değişmedi
    http://prntscr.com/mzkv43

    Bu şekilde deneyin hocam. !important girerek
  • 18-03-2019, 19:48:27
    #5
    SingleMore
    SingleMore
    Düzenleyiciden Custom CSS kısmına bunu yazarsanız çözülecektir 

     .td-header-sp-logo img { margin: auto; position: absolute; top: 108px; bottom: 0; left: -178px; right: 0;}
  • 18-03-2019, 20:02:28
    #6
    Ainublade52
    Ainublade52
    css kodlarında - ( eksi ) değeri kullanmak hiç bir zaman sağlıklı olmaz arkadaşlar sorunu masaüstünde çözersiniz fakat mobil, tablet vs. başka bir cihazda sağlıkllı bir görüntü elde edemeyebilir ve logo alanı kayganlık gösterebilir.

    kısacası style.css : 1721. satırda aşağıdaki düzenlemeyi yaparsanız en iyi verimi alırsınız,

    Dizin : wp-content/themes/mertozcan/style.css?ver=8.2

    .td-header-style-1 .td-header-sp-logo {
    1. width: 223px;
    2. position: relative;
    3. height: 100%;
    4. margin: 18px 28px 9px 81px;
  • 18-03-2019, 20:30:49
    #7
    Garfield
    Garfield
    Üyeliği durduruldu
    Ainublade52 adlı üyeden alıntı: mesajı görüntüle
    css kodlarında - ( eksi ) değeri kullanmak hiç bir zaman sağlıklı olmaz arkadaşlar sorunu masaüstünde çözersiniz fakat mobil, tablet vs. başka bir cihazda sağlıkllı bir görüntü elde edemeyebilir ve logo alanı kayganlık gösterebilir.

    kısacası style.css : 1721. satırda aşağıdaki düzenlemeyi yaparsanız en iyi verimi alırsınız,

    Dizin : wp-content/themes/mertozcan/style.css?ver=8.2

    .td-header-style-1 .td-header-sp-logo {
    1. width: 223px;
    2. position: relative;
    3. height: 100%;
    4. margin: 18px 28px 9px 81px;

    Hocam halletti sağolsun teşekkürler.



    Lakin, firefox ta logo kayık aşağıda, chrome ve yandex te normal style.css geri yükledim düzelmedi :/
  • 19-03-2019, 04:00:14
    #8
    hdfilm27
    hdfilm27
    Üyeliği durduruldu
    Site ismini verirseniz halledeyim
  • 19-03-2019, 09:47:57
    #9
    Ainublade52
    Ainublade52
    yazdığım koddan önce yukarıda verilen eksili değerler girilmiş css koduna ondan kaynaklanıyor sorunun,
    ama şuanda temanın css i orjinal geri yüklenmiş .

    .td-header-style-1 .td-header-sp-logo {
    width: 223px;
    position: relative;
    height: 100%;
    margin: 61px 28px 9px 14px;
    }
    style.css 1721.satır
    bu kodu tekrar csse yüklersen problem olmayacaktır.