Jak? Zmiana drobnych elementów strony

Witam ponownie,
potrzebuję kilku drobnych zmian w szacie strony sklepu. Czas pędzi potwornie - miał mi pomóc TheL - ale zapewne ma bardziej pilne sprawy na głowie niż moje "pierdołki" - a chcę jak najszybciej zakończyć przynajmniej sprawy wizualne strony.
Szukałam rozwiązań w innych tematach - ale niestety - albo nic - albo brak efektów po moich zmianach.

Więc do rzeczy:
RWD - zapachciszy.sklep.pl

1. Pierwsza sprawa TŁO pod Logiem - nie wypełnia całego obszaru - tak jak w Stopce.


2. Co wpisać we własnym stylu aby po najechaniu na przycisk "do koszyka" (wszędzie gdzie jest umieszczony) - zmienić kolor tła i kolor czcionki - to samo w przycisku "Zaloguj się"

Oprócz tego ujednolicić wielkość czcionki w CENACH


3. Jak zmienić wielkość przycisku 'Wyślji" - jest za toporny - no i czciona - po co ten bold.


Na ten czas tyle - zapewne jakieś drobnice jeszcze znajdę.

Z drugiej strony - mam nieśmiały pomysł - aby zrobić w formacie pdf_u jakiś mały podręcznik - który pokazywałby jak wykonać drobne poprawki w Sklepie (np. tak jak w/t).
Krótkie opisy z przykładami w formie grafik.
Oczywiście za jakiś czas - bo teraz wiele innych spraw mam na głowie.

Co Wy na to?
Co Ty Adminku na to?

Pozdrawiam - Jola

 

ile ja się nasiedziałem nad tym tłem na górze i bym tak siedział pewnie jeszcze długo gdybym nie zobaczył, że ono jest malutkie wystarczyło zrobić obrazek z kopią oryginału powtarzającego się 3 razy obok siebie i tło wyświetla się na całości
Zobaczę resztę

 

Poniżej wklejam kod CSS ze stylem, który jest odpowiedzialny za wygląd przycisku "Wyślij" na karcie opinii produktu. Aby usunąć bold usuń całą linijkę "font-weight: bold;". Nie dokońca rozumiem określenie "toporny", dlatego wkleiłem poniżej cały styl odpowiedzialny za przycisk (możemy go odpowiednio zmodyfikowac, tylko napisz co chcesz zmienić).

Kod:

.box_productcomments .btn {
    background-color: #D3980B;
    border: medium none;
    color: #FFF;
    font-size: 1.3em;
    }

Post został zaktualizowany. Usunięte zostało pogrubienie tekstu oraz powiększenie obrazka. Już nie powinien występować komunikat błędu Less.

 

do koszyka po najechaniu np tak

Kod:

.products.viewphot .product .buttons .addtobasket:hover, .products.viewphot .product .buttons .availability-notifier-btn {
  background-color: #dddddd;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0.8em 1em;
}

wkleiłem Ci już z opisem ale nie zmienia górnego koszyka

 

Ten skrypt już wcześniej gdzieś się pojawiał TheL - dotyczy przycisku "do koszyka z grafiką" - głównie na głównej stronie.
Mi chodzi o te - które zaznaczyłam wyżej w zamieszczonych fotkach.
Tam - gdzie jest tylko napis "do koszyka" - we wszelkich miejscach w których się pojawia

 

Dobra - dobra - zeszłam na dalszy plan i tyle
DZIĘKI za górny paseczek - a teraz zapewne tydzień czekania na następne popraweczki
Pozdrawiam TheL.

 

Niestety nie działa - występuje błąd "LESS" - a dokładniej chodziło mi o to - że w porównaniu z innymi przyciskami jest on proporcjonalnie za duży.
Czepiam się? - troszeczkę - wystarczyła by taka sama wielkość jak np. "do koszyka" - i zwykła czcionka.

No cóż - oprócz poprawionego przez Mastera TheL_a paseczka - reszta jest w stanie nienaruszonym - plum.
LICZĘ na Was - BARDZO
I co myślicie o tym małym planie dotyczącym podręcznika?

 

Ten kod zamknij klamerką "}"

 

Tak też zrobiłam - niestety ciągle bez zmian ;(

 

@zapachciszy zaktualizowałem mój kod w moim poście, spróbuj teraz.

Z mojego kodu usunąłem font-weight: bold (czyli pogrubienie tekstu).

Dodatkowo usunąłem ze stylu wartość: padding: 1em 2em (która powodowała, że przycisk był powiększony).

@michalhockey dzięki, że zauważyłeś czasem zapominam klamerek

 

Nie mam pojęcia Panowie co się dzieje - a raczej nie dzieje - ciągle bez zmian.

 

Spróbuj tym kodem, powinno zadziałać na 99,9%. Przycisk wyślij powinien zostać zmniejszony, natomiast napis wyślij nie powinien być już pogrubiony:

Kod:

#box_productcomments .btn {
font-weight: normal!important;
padding: 6px!important;    
}  

 

Kod:

/*Wszystkie parametry przycisku wyślij przy zapytaniu o produkt*/
.ask-for-product .btn {
  background-color: white;
  border: 1px solid #b1b1b1;
  color: #333;
  cursor: pointer;
  display: inline-block;
  line-height: 1.35;
  margin: 0;
  padding: 0.2em 0.2em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  vertical-align: middle;
}
/*Wszystkie parametry przycisku wyślij przy zapytaniu o produkt - po najechaniu na niego*/
.ask-for-product .btn:hover {
  background-color: blue;
  border: 1px solid #b1b1b1;
  color: #333;
  cursor: pointer;
  display: inline-block;
  line-height: 1.35;
  margin: 0;
  padding: 0.2em 0.2em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  vertical-align: middle;
}

 

Kod:

/*Wszystkie parametry przycisku wyślij przy opinii o produkcie*/
#box_productcomments .btn {
  background-color: blue;
  border: 1px solid #b1b1b1;
  font-weight:normal;
  color: #333;
  cursor: pointer;
  display: inline-block;
  line-height: 1.35;
  margin: 0;
  padding: 0.2em 0.2em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  vertical-align: middle;  
}  

/*Wszystkie parametry przycisku wyślij przy opinii o produkcie - po najechaniu*/
#box_productcomments .btn:hover {
  background-color: red;
  border: 1px solid #b1b1b1;
  font-weight:normal;
  color: #333;
  cursor: pointer;
  display: inline-block;
  line-height: 1.35;
  margin: 0;
  padding: 0.2em 0.2em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  vertical-align: middle;  
}  

 

Kod:

/*Wszystkie parametry przycisku wyślij przy polecaniu produktu*/
#box_mailfriend .btn {
  background-color: blue;
  border: 1px solid #b1b1b1;
  font-weight:normal;
  color: #333;
  cursor: pointer;
  display: inline-block;
  line-height: 1.35;
  margin: 0;
  padding: 0.2em 0.2em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  vertical-align: middle;  
}  

/*Wszystkie parametry przycisku wyślij przy polecaniu - po najechaniu*/
#box_mailfriend .btn:hover {
  background-color: red;
  border: 1px solid #b1b1b1;
  font-weight:normal;
  color: #333;
  cursor: pointer;
  display: inline-block;
  line-height: 1.35;
  margin: 0;
  padding: 0.2em 0.2em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  vertical-align: middle;  
} 

 

wielkość czcionki w menu:

Kod:

/*czcionka w menu*/
#box_menu ul li a {
  font-size: 1.2em;
  color:blue;
  padding-bottom: 0.2em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 0.2em;}
/*czcionka w menu po najechaniu*/
#box_menu ul li a:hover {
  font-size: 1.2em;
  color:red;
  background:yellow;
  padding-bottom: 0.2em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 0.2em;}

przy okazji kolor i paddingi.

 

TheL - spłaszczyłam się po tym nawale skryptów - bogowie ledwo dyszę - idę odsypiać nockę - jutro dam znać.
Kłaniam się pięknie - i OGROMNIE ponownie BARDZO DZIĘKUJĘ

 

Mam pytanie do tego kodu. Zwiększyłem rozmiar czcionki w menu, ale rozjechała się "ilość przedmiotów" wyświetlana przy każdej kategorii. Jest jakiś kod aby były one wyrównane np. do prawej strony?
Drugie pytanie czy można zwiększyć odstępy między kategoriami?

 

Wrzuć proszę screen jak to wygląda u Ciebie.

 

Troszkę źle ująłem, że się rozjechały bo odległości są zachowane, tylko przy powiększonej czcionce kiepsko to wygląda. W załączniku przesyłam skan.