Megoldva RocketTheme Fresco kapcsolat form kép igazítása

Több
2016 nov. 17 12:53 #1 Írta: BlackHeart
BlackHeart létrehozta a témát: RocketTheme Fresco kapcsolat form kép igazítása
Sziasztok!

Egy már már triviális kérdésem enne. RocketTheme Fresco template alatt a kapcsolat formon szeretnén a képet jobbra igazítani.
Tudnátok benne segíteni hogy ezt hol hogyan tudom megtenni?

Előre is köszönöm!

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 17 13:13 - 2016 nov. 17 13:15 #2 Írta: Zotius
Zotius válaszolt a témára: RocketTheme Fresco kapcsolat form kép igazítása
Minta:
<img alt="" src="/images/kepneve.jpg" title="" style="float: right; ..további utasítások.." width="SZELpx" height="MAGpx">
A lényeg a style="float: right"
Ha a kép külön <div>-ben van, akkor lehet, hogy más megoldás kell.
Dobj egy linket, ránézünk.

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Utolsó szerkesztés: 2016 nov. 17 13:15 Írta: Zotius.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 17 13:16 #3 Írta: freepetya
freepetya válaszolt a témára: RocketTheme Fresco kapcsolat form kép igazítása
A demo oldalon jobbra van igazítva.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 17 13:31 #4 Írta: BlackHeart
BlackHeart válaszolt a témára: RocketTheme Fresco kapcsolat form kép igazítása
A joomla kapcsolattartók komponensben létrehoztam egy kapcsolattartót, itt betallóztam a szerverről a képet. És ehhez van egy menüpont. De egyik helyen se lehet megadni hogy merre igazítson. A link http://tinyurl.hu/wgY9/

Nálam a gyári kép is balra volt igazítva.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 17 13:37 #5 Írta: freepetya
freepetya válaszolt a témára: RocketTheme Fresco kapcsolat form kép igazítása
Akkor tedd amit Zotius írt.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 17 13:39 #6 Írta: BlackHeart
BlackHeart válaszolt a témára: RocketTheme Fresco kapcsolat form kép igazítása
Köszönöm, de hol?

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 17 13:52 #7 Írta: freepetya
freepetya válaszolt a témára: RocketTheme Fresco kapcsolat form kép igazítása
A demo oldalon a master.css -ben benne van ez:

.pull-right {
float: right;
}

Nem tudom nálad miért nincs, de ezt kellene betenned vagy ide

templates/rt_fresco/css-compiled/master.css

vagy custom css -be.
A következő felhasználók mondtak köszönetet: BlackHeart

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 17 14:08 #8 Írta: BlackHeart
BlackHeart válaszolt a témára: RocketTheme Fresco kapcsolat form kép igazítása
A templates/rt_fresco_responsive/css-compiled mappa tök üres.
Lehet hogy a template responsive változatát használom azért más?
CSS mappa van, de abban sincsen master.css

Van egy joomla-core.ccs az alábbi kóddal. Az .component-content .contact-image {float: right, margin: 10px 0;overflow: hidden;} sorhoz hozzáadtam, de nem történt változás.
/* Contacts */
.component-content .contact-category {padding: 0 10px;}
.component-content .contact-category #adminForm .filters {border: 0;padding: 0;}
.component-content .contact-image {margin: 10px 0;overflow: hidden;}
.component-content address {font-style: normal;margin: 10px 0;}
.component-content address span {display: block;}
.component-content .contact-address {margin: 20px 0 10px 0;}
.component-content .contact-email div {padding: 2px 0;margin: 0 0 10px 0;}
.component-content .contact-email label {width: 17em;float: left;}
.component-content span.contact-image {margin-bottom: 10px;overflow: hidden;display: block;}
.component-content #contact-textmsg {padding: 2px 0 10px 0;}
.component-content #contact-email-copy {float: left;margin-right: 10px;}
.component-content .contact .button {float: none !important;clear: left;display: block;margin: 20px 0 0 0;}
.component-content dl.tabs {float: left;margin: 50px 0 0 0;z-index: 50;clear: both;}
.component-content dl.tabs dt {float: left;padding: 4px 10px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;margin-right: 3px;background: #f0f0f0;color: #666;}
.component-content dl.tabs .open {background: #F9F9F9;border-bottom: 1px solid #F9F9F9;z-index: 100;color: #000;}
.component-content .current {clear: both;border: 1px solid #ccc;padding: 10px 10px;}
.component-content .current dd {padding: 0;margin: 0;}
.component-content #content-pane.tabs {margin: 1px 0 0 0;}

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 17 14:21 #9 Írta: freepetya
freepetya válaszolt a témára: RocketTheme Fresco kapcsolat form kép igazítása
Valószínűleg ki van kapcsolva a css tömörítés a gantry sablonban. Itt egy leírás, hogy hova kell tenned az egyedi formázásokat.

docs.gantry.org/gantry4/tutorials/adding-a-custom-stylesheet

Vagy tedd bele a templates/rt_fresco/css/gantry-core.css -be.
A következő felhasználók mondtak köszönetet: BlackHeart

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 17 14:23 #10 Írta: Zotius
Zotius válaszolt a témára: RocketTheme Fresco kapcsolat form kép igazítása
Megvizsgáltam a demo oldal css-ét. A master.css-ben van a .pull-right osztály definíciója (109. sor), ami nálad valamiért hiányzik.
A master.css-be, ha van Nálad ilyen, tedd be a következő utasítást:
.pull-right {
	float:right;
}
Ha nincs, akkor tedd abba a stíluslap fájlba, melyben a saját definícióidat rögzíted (Gantry 5-ben ez a custom.scss).

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
A következő felhasználók mondtak köszönetet: BlackHeart

Jelentkezz be, hogy te is részt vehess beszélgetésben!