1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

Korekta wyglądu boksów modułów w szablonie RWD

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika zapachciszy, 14 Październik 2015.

  1. zapachciszy

    zapachciszy Praktyk

    Wiadomości:
    32
    Docenione treści:
    1
    Witam serdecznie,
    znalazłam dość dużo ciekawych wskazówek jak dokonać niewielkich poprawek w szablonie sklepu.
    Nie znalazłam jednak pomocy dotyczącej drobnej zmiany jaką chcę dokonać na swojej witrynie.
    Chodzi o zmiane cienkiego paseczka w górnej części Modułów - tylko w tych miejscach.
    Jak to zrobić???

    Szablon RWD ClickShop

    I przy okazji...
    ...zmiana koloru skrzyneczki przy Newsletterze - plum

    Dziękuję z góry za pomoc.
    Niby nic - a jednak u mnie zmieni WIELE :)
     
  2. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Podaj proszę nazwę sklepu - zrób print screena i nawet w paincie narysuj to, co chcesz osiągnąć - będzie łatwiej pomóc!

    Pod zwrotem "zmiana cienkiego paseczka" może kryć się bardzo wiele :).
     
  3. zapachciszy

    zapachciszy Praktyk

    Wiadomości:
    32
    Docenione treści:
    1
    Więc podsyłam zdjęcie. dylemat_01.png

    1 - sprawa wspomnianych cienkich paseczków
    2 - zmiana koloru ikonki z kopertą
    3 - wskazany pasek - calkiem możliwe - że będzie taka sama zmienna jak w 1.
    4 - zmiana koloru po najechaniu na wskazaną ikonkę.

    Tutaj nazwa sklepu - http://sklep1505671.home.pl/

    Czekam z niecierpliwością na wskazówki :)

    dylemat_01.png
     
  4. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    "paseczki"
    Kod:
    .box .boxhead {
    border-top: 0 solid #5e5e5e;
    }
    
    oraz dolny:
    Kod:
    footer .innerfooter ul.overall > li {
    border-top: 0 solid #5e5e5e;
    margin-top: 0;
    }
    
     
  5. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    kopertka:
    Kod:
    #box_newsletter .btn {
    background-color: red;
    height: 40px;
    padding: 0;
    width: 18%;
    }
    
    oczywiście zamiast red wstawiamy swój kolor słownie lub jego kodem po #
    możemy do tego jeszcze dodać:
    Kod:
    border: 1px solid red;
    
    aby zmienić kolor obramowania kopertki. (dodajemy to przed znakiem } )
     
  6. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    strzałka na dole:
    Kod:
    .up .btn {
    background-color: red;
    color: #fff;
    border: 0 none;
    }
    
     
  7. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    o co chodzi z ikonką domku? :)
     
  8. zapachciszy

    zapachciszy Praktyk

    Wiadomości:
    32
    Docenione treści:
    1
    Wiedziałam :)
    Dziękuję ślicznie TheL - liczyłam właśnie na Twoją pomoc :)
    A z domkiem - chodziło mi o to aby kolor pozostał nienaruszony.
    Postaram się przetestować to co zarzuciłeś - i dam znać jak wyszło.
    Jeszcze raz WIELKIE DZIĘKI za pomoc

    Zapewne będę jeszcze miała parę pytań.
    Więc nie zamykam tematu...
     
  9. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    @zapachciszy mała prośba, także do wszystkich, jeśli pojawia się nowe pytanie, odbiegające od tematyki założonego wątku (w tym wypadku poprawki w modułach), proszę, zakładajcie nowe wątki. Ułatwi to identyfikację problemu i segregację rozwiązań. Dzięki. Czekamy na pytania.
     
  10. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    domek:
    Kod:
    .menu .innermenu .menu-list li.home-link-menu-li a img {
    background: red url("../../styles/../images/home-white.png") no-repeat scroll center center;
    display: block;
    height: 48px;
    width: 50px;
    }
    
    oczywiście red może być zastąpione innym kolorem również kodem koloru z #
     
  11. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    ja bym przy okazji jeszcze poprawił nagłówek aby to szare nie było po prawej stronie, ale aby zajęło całą szerokość ekranu:
    Kod:
    header {
    background: #333333 none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    }
    
     
  12. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    aby było jeszcze ładniej ja bym zrobił tak:
    menu:
    Kod:
    .menu {
    background-color: #eeeeee;
    padding-bottom: 7px;
    }
    
    całość strony:
    Kod:
    .main {
    background: #dddddd none repeat scroll 0 0;
    margin-top: 0;
    padding-top: 1em;
    }
    
     
  13. zapachciszy

    zapachciszy Praktyk

    Wiadomości:
    32
    Docenione treści:
    1
    Niestety BOSS_ie nic ze zmian moich paseczków.
    Zmiany w CSS nie pasują - może jest jakieś inne wyjście - plum :)
     
  14. zapachciszy

    zapachciszy Praktyk

    Wiadomości:
    32
    Docenione treści:
    1
    I mam dylemat...
    ...muszę to jeszcze przetrawić - poskakać na ekranie :)
    Hmmm - ale Dzięki - coś w tym jest :)
     
  15. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Jeśli paseczki mają być w tym "żółtawo-pomarańczowym" kolorze - musisz to zmienić tak:
    Kod:
    .box .boxhead {
        border-top: 3px solid #D3980B;
    }
     
    zapachciszy lubi to.
  16. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Dolna "kreska":
    Kod:
    footer .innerfooter ul.overall > li {
        border-top: 3px solid #D3980B;
        margin-top: 0px;
    }
     
    zapachciszy lubi to.
  17. zapachciszy

    zapachciszy Praktyk

    Wiadomości:
    32
    Docenione treści:
    1
    GRA Stau :)
    Widzę - że nie tylko TheL rozkminia wszystko.
    Tym razem jesteś Ty GÓRĄ :)
    Dziękuję
     
  18. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    i mój kod nie skasował pasków? :) dziwne :) bo on właśnie do tego był :)
     
  19. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Prorocze okazały się moje słowa:
    Nikt nie jest "górą" ;). Po prostu, jak się okazało, pytający nie chciał nic "ukrywać", a zmienić kolor na "pomarańczowy".

    ------------------------------------

    @zapachciszy ---> wyłącz w ustawieniach mobilną wersję sklepu. Masz szablon RWD - zatem sam się dopasowuje jak trzeba. Teraz po odpaleniu sklepu z komórki - włącza się ten szablon mobilny - którego nie ruszałaś.
     
  20. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    @Stau, dokładnie jest tak jak piszesz, czasami ciężko dojść do tego co właściwie chce pytający :) ale ważne, że się udało do tego dotrzeć i dać rozwiązanie :)
     

Poleć forum znajomym