Modyfikacje poszczególnych elementów w Gantry

[piasio]

Potrzebna mi pomoc w modyfikacji Frameworka Gantry.
stronka testowa http://www.asg.ornatrix.vot.pl/
Z lessami jeszcze styczności nie miałem więc zrobiłem plik gantry-custom.css

body {
background-position: center center;
background-image: url(../images/backgrounds/PSA-defc.jpg) !important;}
#rt-footer {
background: url("../images/patterns/noise2.png") repeat-x 0 0 #2E532C;
background-color: rgba(100,10,0,0.0);
border-top: 0px solid #AFAFAF;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.13) inset;
color: #6E6E6E;


Pierwszy problem to tło. Plik wprawdzie jest wycentrowany ale wygląda jak byłby powiększony.. no i źle to wygląda
Drugi to moduł z własnym html (u dołu strony).. niestety w niektórych artykułach wyświetla się tło ponownie kryjąc ten moduł np. http://www.asg.ornatrix.vot.pl/o-nas.html i nie wiem co z tym począć

To co udało mi się znaleźć w google i przyswoić już wykorzystałem i teraz utknąłem.. Będę wdzięczny jeśli ktoś by mi powiedział co dopisać lub za konkretne wskazówki (takie dla laika).

[mac]

pomysl o czyms takim


background: url("../images/backgrounds/PSA-defc.jpg") no-repeat scroll 50% 0 #000000;

i zmniejsz grafike, kto ma monitory o szerokosci 2560px
maxymalna rozdzielczosc to 1920px

co do drugiego pytania to poczekajmy co poprawi nowe ustawienie tla

[piasio]

logo zjechało w dół.. ale nadal obraz jest powiększony.. i zginął kolor z modułu..

[mac]

Logo zjechało bo jest na dole grafiki, a ty nie wprowadziłeś w custom mojego kodu tylko zmniejszyłeś fizycznie grafikę

Tło pod modulem - masz za krótki plik
http://www.asg.ornatrix.vot.pl/templates/gantry/images/patterns/noise3.png
tylko 834px
a twoje strona ma min 900px wysokosci

[piasio]

Kod wprowadzony zgodnie z instrukcja, grafa pomniejszona i noise3 też zrobiony na 900px. Niestety #rt-footer robi się biały. Siędze i kombinuję, dlatego trafiłeś na moment gdzie był inny kod. Testuję różne opcje metodą prób i błędów ale nic mi nie wychodzi..

[Qbik]

rozumiem, że chcesz usunąć tło,
więc wykomentuj lub nadpisz w swoim gantry-custom.css

#rt-footer

jeśli nie wiesz o co chodzi info masz tutaj http://css-tricks.com/snippets/css/style-override-technique/

czyi np dla tła

#rt-footer {
background: transparent !important;
}

[piasio]

Niestety footer nadal biały..

body {
background-position: center center;
background: url("../images/backgrounds/PSA-defc.jpg") no-repeat scroll 50% 0 #000000;
#rt-footer {
background: transparent !important;
}

[Qbik]

a możesz dodać to do strony bo w tej chwili się nie pokazuje jest tylko standardowe

background: #eeeeee url(../images/patterns/noise.png);

a dodaj background-color: transparent;

;)

[piasio]

Modyfikacja jest w pliku gantry-custom.css i wygląda jak powyżej. Plik jest na serwerze i powinien nadpisać zmiany. Natomiast tak jak piszesz wygląda to firebugu ale on tam pokazuje /gantry/css-compiled/master-6b60ebc7404bbe1c5532d842aee0fe0f.css czyli to jakiś plik tymczasowy..

[Qbik]

to jest plik jaki jest generowany z less
dodaj to co napisałem powyżej powinno pomóc
background-color: transparent;
najwyżej dodaj nadpisanie

[piasio]

w gantry-custom.css dodane i lipa.. chyba ze mam gdzieś indziej to zmienić..

body {
background-position: center center;
background: url("../images/backgrounds/PSA-defc.jpg") no-repeat scroll 50% 0 #000000;
#rt-footer {
background-color: transparent; !important;

[Qbik]

bo nie zamknąłeś nawiasu dla body ;)

[piasio]

Allelują! Działa.. :up:

[mac]

co do footer to wstaw w custom (tylko całość)


#rt-footer {
background: url("../images/patterns/noise.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-top: 0 solid #AFAFAF;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.49) inset;
color: #6E6E6E;


}

[Qbik]

to jeszcze tą linie usuń ;)