ROZWIĄZANE Szerokość "#extra_baner"

Dyskusja w 'Sklep internetowy eSklep' rozpoczęta przez użytkownika PomDrH, 14 Czerwiec 2016.

  1. PomDrH

    PomDrH Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    3
    Witam,
    Mam problem z ustawieniem szerokości f-row dla #extra_baner na nowo zakupionym szablonie.

    Szablon to prestigeshop na razie nie jest aktywowany więc nie wiem jak poddać cokolwiek podgląd jedynie adres do szablonu od home: http://click-szablon49.home.pl/

    Dokładnie chodzi o banery pod slajderem. Chciałbym dojść do wersji, że są one lekko mniejsze i dwa w linii lub cztery w linii. Przy zmianie parametru width dla f-row kończy się tym, że zdjęcie zmniejsza swoją wysokość przy czym zdjęcie się zmniejsza a sama szerokości nie i pozostawia puste pole gdzie było zdjęci nr 3 jakby dalej tam było.
    Zmiana wielkości zdjęć nic nie zmienia dziedziczą width i height po f-row albo i nawet czymś wyżej.
    Jakiś pomysł co na to poradzić?
     

    Załączone pliki:

  2. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    Kod:
    .f-row img {
    width: 100px;
    }
    
    o to chodzi? :D
    oczywiście potem już możesz szerokość zmniejszyć

    Kod:
    #extra_baner {
     width: 80%;
    }
    
    sama druga zmiana nic nie zrobi bo obrazki są za szerokie.
     
  3. PomDrH

    PomDrH Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    3
    Nope, nic to nie zmienia. Wygląda jakby na sztywno ustawione że w f-row mieści się tylko i wylącznie 3xf-grid
    Chodzi:
    1. Chciałbym aby f-row był mniejszy niż 700px i przy zmianie width z automatu proporcjonalnie nie zmieniał height.
    2. O ile jakimś sposobem 1. nie da rady, to żeby zdjęcia po usunięciu tego 3 w rzędzie były wyśrodkowane czyt. dwa pozostałe.
    3. Chciałem osiągnąć dwie wersje, a. dwa zdjęcia wyśrodkowane b. cztery zdjęcia w jednym rzędzie (tutaj jak dodam 4 zdjęcie zmniejszę ich width w img to i tak wywala 4 zdjęcie do kolejnego wiersza)
     
  4. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    to może inaczej, umieść ten kod w znacznikach <style></style> we własnych integracjach przed </body>
     
  5. PomDrH

    PomDrH Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    3
    Okey coś się ruszyło. Tylko teraz zauważyłem, że f-grid-4 w tym wypadku ma z automatu 178px no i dlatego w rzędzie maksymalnie mieszczą się 3 zdjęcia.

    I w dalszym ciągu na stałe jest tak jakby w f-row miały być 3x f-grid? No i dziedziczą wysokość po zmianie szerokości f-row / #extra_baner ;/
     
  6. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    a to już jest inna bajka, nie znam tego stylu więc nie wiem czy szerokość jest generowana automatycznie przez jakiś js czy inaczej.
     
  7. PomDrH

    PomDrH Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    3
    No to jestem w kropce w takim razie, szkoda
     
  8. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    zobacz czy we własnym js nie ma jakiegoś skryptu
     
  9. PomDrH

    PomDrH Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    3
    Jest pusto. Ale coś się sprawdzam i na razie podmiana gridów na inny numer jakoś daje rade coś poukładać. Na razie testuje różne sposoby, dam znać czy może jednak na własną rękę dam radę to poukładać. Proszę o nie zamykanie tematu za jakiś czas napiszę czy dałem radę czy nie ;)
     
    Mariusz lubi to.
  10. PomDrH

    PomDrH Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    3
    Okey, jakiś czas temu to było ale udało mi się na własną rękę ogarnąć całość a nawet z bonusem ;) Można zamknąć temat.
    Pozdrawiam i dziękuję
     
    Mariusz lubi to.

Poleć forum znajomym