Jak dodat modulu pozadí?

26. srp 2014 09:14 #117556

Jak dodat modulu pozadí? od MaK.

Zkušený uživatel

Čau Joomláci,

na webu www.mariankabele.com/mak-blog mám vpravo na pozici stick-righttop klouzající modul "Získejte
novinky pro obsahový marketing a copywriting". Nemůžu však přijít na to, jak jej nastylovat, aby měl bílé pozadí a byl tak lépe čitelný + jak zvětšit button "Ano, chci novinky".

Ať dám do nastavení Přípona třídy modulu cokoliv (co mají jiné moduly s bílým pozadím), modul je stále průhledný. Jako by něco bránilo změně.

Kodéři, znalci, poradíte?

Díky, MaK.

--- -- -

26. srp 2014 09:20 #117557

Odpověď od Pavel Šťastný

Pokročilý uživatel

Dle toho co píše Firebug...tak by stačilo přidat do

www.mariankabele.com/templates/jsn_metro_free/css/template.css řádek 256

Code:

div[id*="jsn-pos-stick-right"] 
{
background-color: white;
right: 0;
}

26. srp 2014 09:24 #117558

Odpověď od MaK.

Zkušený uživatel

Díky, fishmakere,

ale tím bych změním nastavení celé modulové pozice, ne? To znamená i u jiných modulů na této pozici, což není žádoucí.
Jak nastavení aplikovat jen u toho jednoho vybraného modulu?

MaK.

--- -- -

26. srp 2014 10:18 - 26. srp 2014 10:18 #117559

Odpověď od Cony

Moderátor

Slouží k tomu "Přípona třídy modulu", v jeho nastavení. Přidejte si tam nějakou třídu s mezerou na začátku, např: " modulspozadim" (bez uvozovek ale s mezerou na zacatku) a v css pak budete nastavovat styl pro .modulspozadim.

26. srp 2014 10:56 #117561

Odpověď od radek

Zkušený uživatel

Cony, na RT foru shaneli nedavno moderatory za 500usd/mesic. Mohl bys to zkusit i tam a jeste by sis neco privydelal:)

26. srp 2014 11:04 #117562

Odpověď od MaK.

Zkušený uživatel

Díky, Cony, co mám tedy přesně napsat do css/template.css řádek 256? Třeba tohle?:

Code:

jsn-pos-stick-right-white

div[id*="jsn-pos-stick-right-white"] 
{
background-color: white;
right: 0;
}

MaK.

--- -- -

26. srp 2014 12:19 #117563

Odpověď od Pavel Šťastný

Pokročilý uživatel

nabyl jsem dojmu, že má celý ten pravý sloupec být bílý...pokud jde jen o ten jedn modul...tak jak píše Cony - přidat tomu modulu vlastní třídu

v CSS nechat původní verzi...ne to co jsem psal já...a pak přidat někam pod to definici :

Code:

div.modulspozadim
{
background-color: white;
}

co se týká toho tlačítka...záleží jak je ten formulář udělán...jestli přes nějakou komponentu...nebo vložený HTML kod...
pokud je vložen kod...tak bych přidal style="font-size: 20px" třeba do

Code:

<input id="mc-embedded-subscribe" class="button" type="submit" value="Ano, chci novinky" name="subscribe" style="font-size: 20px">

Poděkovali: MaK.

26. srp 2014 12:30 #117564

Odpověď od MaK.

Zkušený uživatel

fishmakere, upravil jsem kód na:

Code:

div[id*="jsn-pos-stick-right"] {
  right: 0;
}

div.modulspozadim
{
background-color: white;
}

Ale když pak v nastavení modulu vložím do Přípona třídy modulu "modulspozadim", pozadí je stále průhledné. Asi něco dělám chybně. Zřejmě to do kódu zapisuju špatně. Mrkneš prosím, co jsem tam vložil chybně? Nějaké závorky navíc?

Díky, MaK.

--- -- -

26. srp 2014 12:41 #117565

Odpověď od Cony

Moderátor

Code:

.modulspozadim {
background: white !important;
}

Poděkovali: MaK.

26. srp 2014 12:50 #117567

Odpověď od MaK.

Zkušený uživatel

fishmakere, ano, je to vložený HTML kód, nyní tam je:

Code:

<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input tabindex="-1" type="text" name="b_c8ca547b4963fe1a066a58272_445fefb8e0" value="" /></div>
<p class="clear"><input id="mc-embedded-subscribe" class="button" type="submit" name="subscribe" value="Ano, chci novinky" /></p>
</form></div>
<!--End mc_embed_signup-->

Zkusím do něj tvůj návrh nějak nacpat. Díky.

--- -- -

26. srp 2014 12:52 #117568

Odpověď od MaK.

Zkušený uživatel

Díky, Cony, i všem ostatním zúčastněným!

Už to jede, sice mám nyní text v modulu narvaný až k okraji pozadí, ale i tak je to mnohem lépe vidět :-)