Úprava css - virtuemart

Pavel
19. úno 2014 14:54 - 19. úno 2014 14:56 #114590
Dobrý den,
:( už druhý den se snažím o úpravu vyskakovacího okna ve virtuemartu 2, které informuje zákazníka o vloženém zboží do košíku. Mým cílem je toto okno roztáhnout na šířku což se mi částečně povedlo viz. obrázek , ale já potřebuji dostat nápis "Obsah košíku" na pravou stranu. Kouknul jsem na to Firebugem a ten mi ukázal níže uvedený tag div s identifkátorem : #fancybox-content , kde je bohužel vložen řádkový styl, který má přednost před identifikátorem. No a já bohužel nikde nemohu nalést kde to změnit. Případně ve kterém souboru se tvoří toto okno.
Předem moc děkuji za každou radu
Pokud by bylo potřeba to celé někam nahrát, tak to mohu udělat.

Kód z firebugu: (hvězdičkama jsem označil ten řádek s ID a řádkovým stylem, který chci změnit)
<div id="fancybox-wrap" style="width: 210px; height: auto; top: 82px; left: 549px; display: block;">
<div id="fancybox-outer">
<div id="fancybox-bg-n" class="fancybox-bg"></div>
<div id="fancybox-bg-ne" class="fancybox-bg"></div>
<div id="fancybox-bg-e" class="fancybox-bg"></div>
<div id="fancybox-bg-se" class="fancybox-bg"></div>
<div id="fancybox-bg-s" class="fancybox-bg"></div>
<div id="fancybox-bg-sw" class="fancybox-bg"></div>
<div id="fancybox-bg-w" class="fancybox-bg"></div>
<div id="fancybox-bg-nw" class="fancybox-bg"></div>
******<div id="fancybox-content" style="border-width: 10px; width: 190px; height: auto;">
<a id="fancybox-close" style="display: inline;"></a>
<div id="fancybox-title" style="display: none;"></div>
<a id="fancybox-left" href="javascript:;">
<a id="fancybox-right" href="javascript:;">
</div>

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od fire150
19. úno 2014 15:05 - 19. úno 2014 15:06 #114593
Zrovna som vlezený vo virtuemarte :woohoo: - skúste v súbore: components/com_virtuemart/assets/css/vmsite-ltr.css zadať natvrdo: ( riadok 132 ) .floatright,span.floatright{float:right;padding-left:25px;} kde 25px je potrebný odstup. U mňa to funguje a roztiahne to celý box.

Myslenie je najťažšou prácou aká existuje a práca ma fascinuje!
Celé hodiny sa vydržím pozerať, ako niekto pracuje

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Pavel
19. úno 2014 15:28 #114597
Bohužel to není správná cesta, touto úpravou ovlivníte další části vzhledu virtuemartu. :(

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Pavel
19. úno 2014 19:40 #114598
Tak jsem se pokoušel na to přijít sám a zjistil jsem, že šíře toho okna se mění podle druhého řádku na kterém je informace o přidaném zboží. Informace do toho to okna se vypisují ze souboru : padded.php , který je umístěn ve složce: test-web\components\com_virtuemart\views\cart\tmpl
Zde ale moje schopnosti končí, protože nevím jak přijít na to, kde dochází k výpočtu té šířky a doplnění stylu width.
Pokud by to prosím někdo věděl a prozradil mi to, tak mi tím moc pomůže.
Předem moc děkuji.

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
20. úno 2014 10:39 #114601
Nad inline stylem můžete vyhrát příznakem !important
Tedy např.
.trida {width: 500px !important;}
Dejte odkaz na stránky...
Poděkovali: Pavel

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Pavel
25. úno 2014 07:21 #114654
Děkuji za radu, ale nakonec jsem od toho upustil, protože tou úpravou ovlivňuji i velikost okna pro obchodní podmínky.

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od prontik
25. úno 2014 11:16 #114663
Kdyby jsi sem dal odkaz na stranky, tak s tim urcite pohnem.
Pokud se na o sam necitis a mas to na localu, tak udelej zalohu a posli mi to, upravim ti to. Kdyz tak pisni PM.

Joomla je jako puzzle. Stačí vědět jak ty dílky k sobě poskládat.
Poděkovali: Pavel

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Pavel
25. úno 2014 11:56 #114668
MOc děkuji, odkaz máš v PM :)

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.