Jump to content

Zmiana kolorów modułu


Recommended Posts

Witam. Staram się zmienić korowy modułów w szablonie css (themes->defoult->modules->css)

szczególnie chodzi o blocksearch oraz blocktopmenu:

w oby dwóch zmieniłem kolor:

 

w block search chce zamienić tło za ta "lupą" - lecz nic po zmianach się nie dzieje

 

#search_block_top {
  padding-top: 50px; }
  #search_block_top #searchbox {
    float: left;
    width: 100%; }
  #search_block_top .btn.button-search {
    background: #4fa0b7;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: white;
    width: 50px;
    text-align: center;
    padding: 10px 0 11px 0; }
    #search_block_top .btn.button-search span {
      display: none; }
    #search_block_top .btn.button-search:before {
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 17px;
      width: 100%;
      text-align: center; }
    #search_block_top .btn.button-search:hover {
      color: #4fa0b7; }
  #search_block_top #search_query_top {
    display: inline;
    padding: 0 13px;
    height: 45px;
    line-height: 45px;
    background: white;
    margin-right: 1px; }


.ac_results {
  background: white;
  border: 1px solid #4fa0b7;
  width: 271px;
  margin-top: -1px; }
  .ac_results li {
    padding: 0 10px;
    font-weight: normal;
    color: #4fa0b7;
    font-size: 13px;
    line-height: 22px; }
    .ac_results li.ac_odd {
      background: white; }
    .ac_results li:hover, .ac_results li.ac_over {
      background: #4fa0b7; }


form#searchbox {
  position: relative; }
  form#searchbox label {
    color: #4fa0b7; }
  form#searchbox input#search_query_block {
    margin-right: 10px;
    max-width: 222px;
    margin-bottom: 10px;
    display: inline-block;
    float: left; }
  form#searchbox .button.button-small {
    float: left; }
    form#searchbox .button.button-small i {
      margin-right: 0; }

w blocktopmenu, chce zmienić kolor po najechaniu, na #4fa0b7 :

zmieniłem to tu:

.sf-menu {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 3px solid #4fa6b9;
  background: #4fa0b7; }
  @media (max-width: 767px) {
    .sf-menu {
      display: none; } }

lecz żadne zmiany nie zostały wprowadzone. cashe mam wyłączone jak i całą resztę.

 

presta 1.6 strona - www.medic-shop.pl

 

Share this post


Link to post
Share on other sites

Witam,

Problem 1. Chciałbym umieścić zdjęcie w tle i uzyskać taki efekt :

 

http://www.fotosik.pl/pokaz_obrazek/2e989b1956962b38.html

 

 

NIe wiem czy dobrze to widać . Zdjęcie jest na drugim planie a blok ze sliderem i produktami jest z przodu.

 

Znalazłem na forum informacje, że można to zrobić wpisująć global.css w linii 5258  background: url(../img/s8.jpg) :

 

Efekt

 

http://www.fotosik.pl/pokaz_obrazek/a255643f762858dc.html

 

 

 

Środkowa część jest mało widoczna. Chciałbym żeby w tym miejscu był biały przezroczysty blok.

 

 

Problem 2. Jak można usunąć zdjęcia z górnego menu w zakładce produkty?

http://www.fotosik.pl/pokaz_obrazek/69b21a0601860e76.html

 

Będę bardzo wdzięczny za wszystkie wskazówki.

Pozdrawiam

Share this post


Link to post
Share on other sites

capitanweed

 

edytuj ten sam plik co wcześniej

kod:
 

#header .sf-menu > li.sfHover > a, #header .sf-menu > li > a:hover, #header .sf-menu > li.sfHoverForce > a {
color: #fff;
background: #719f41;
border-bottom-color: #598b24;
}

zmiana background na inny dowolny parametr

 

 

 

 

makow33

na tym fotosiku całym za dużo nie widać, wgraj proszę screeny na imgur.com - oni nie obniżają rozdzielczości i jakości wgrywanych zdjęć

Share this post


Link to post
Share on other sites

1.Jak mogę skasować zdjęcia w module podkategorii :

http://imgur.com/GcGckAv

 

2. W jaki sposób i w którym miejscu mogę zmodyfikować tło aby dostać podobny efekt jak na tym szablonie:

http://imgur.com/U0fEHwe

 

Główne zdjęcie ( nr 1) jest na drugim planie  a cały środkowy moduł jest na białym tle.

 

Po wpisaniu w swoim szablonie w global.css w linii 5258 "  background: url(../img/s8.jpg)  " dostaje to :

http://imgur.com/p5FgX2I

Share this post


Link to post
Share on other sites

1.Jak mogę skasować zdjęcia w module podkategorii :

http://imgur.com/GcGckAv

 

2. W jaki sposób i w którym miejscu mogę zmodyfikować tło aby dostać podobny efekt jak na tym szablonie:

http://imgur.com/U0fEHwe

 

Główne zdjęcie ( nr 1) jest na drugim planie  a cały środkowy moduł jest na białym tle.

 

Po wpisaniu w swoim szablonie w global.css w linii 5258 "  background: url(../img/s8.jpg)  " dostaje to :

http://imgur.com/p5FgX2I

 

 

 

1) category.tpl (w katalogu z szablonem) i usuwasz:

<div class="subcategory-image">
						<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
						{if $subcategory.id_image}
							<img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html':'UTF-8'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{else}
							<img class="replace-2x" src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{/if}
					</a>
                   	</div>

2) 

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More