Pagina 1 van 1

Logo bovenaan pagina ipv boven menubalk

Geplaatst: 07 april 2013
door MagentoMagento
Simpele vraag:

Heb een probleempje met me logo op de website. Ik maak gebruik van het bluescale theme (http://web-experiment.info/magento14/bluescale/)

Nu heb ik een logo gemaakt die ik op de website heb gezet. Alleen het probleem: omdat het logo iets te groot komt er ruimte tussen de balk met "my cart" en de balk met "toys & gifts" (zie link).

Het logo heb ik kleiner gemaakt, wil hem niet nog kleiner maken. Maar het probleem zit hem in het feit dat het logo bovenop de balk met toys & gifs "ligt". Hoe krijg ik het logo "bovenaan de pagina".

Alvast bedankt!

Re: Logo bovenaan pagina ipv boven menubalk

Geplaatst: 07 april 2013
door MagentoMagento
Ik neem aan dat ik hier iets moet wijzigen:
/* Header ================================================================================ */
.logo { float:left; }
.header-container { border-top:5px solid #0d2131; border-bottom:2px solid #415966; background:url(../images/bkg_header.jpg) 50% 0 repeat; }
.header { width:930px; margin:0 auto; padding:10px; text-align:right; position:relative; z-index:10; }
.header .logo { float:left; margin:3px 0 10px 12px; text-decoration:none !important; }
.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.header h1.logo { margin:0; }
Heb al wat dingen geprobeerd. Mis. zit ik in de verkeerde .css wan er verandert eigenlijk niks.

Re: Logo bovenaan pagina ipv boven menubalk

Geplaatst: 08 april 2013
door Jordi
MagentoMagento schreef:Ik neem aan dat ik hier iets moet wijzigen:
/* Header ================================================================================ */
.logo { float:left; }
.header-container { border-top:5px solid #0d2131; border-bottom:2px solid #415966; background:url(../images/bkg_header.jpg) 50% 0 repeat; }
.header { width:930px; margin:0 auto; padding:10px; text-align:right; position:relative; z-index:10; }
.header .logo { float:left; margin:3px 0 10px 12px; text-decoration:none !important; }
.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.header h1.logo { margin:0; }
Heb al wat dingen geprobeerd. Mis. zit ik in de verkeerde .css wan er verandert eigenlijk niks.
Huidige marges:
Top: 3px
Right: 0px
Bottom: 10px
Left: 12px

Verander de 10px eens naar 25px of meer. Even mee spelen, is altijd even proberen.
en maak er dit van: margin:3px 0px 25px 12px !important;

Re: Logo bovenaan pagina ipv boven menubalk

Geplaatst: 08 april 2013
door MagentoMagento
Zojuist geprobeerd, geen succes helaas. Ik heb deze aangepast: DOMEIN.nl/skin/frontend/base/default/default/css/styles.css

Dat is wel het goede bestand toch. In ieder geval bedankt voor je hulp!

Re: Logo bovenaan pagina ipv boven menubalk

Geplaatst: 08 april 2013
door Jordi
Ik ben niet bekend met Magento, maar als je een nieuw thema hebt geinstalleerd maakt hij ook een nieuw mapje aan. in plaats van Default zou je moeten zoeken het mapje met de naam van de layout.

Re: Logo bovenaan pagina ipv boven menubalk

Geplaatst: 08 april 2013
door MartijnOud
Jordi schreef:Ik ben niet bekend met Magento, maar als je een nieuw thema hebt geinstalleerd maakt hij ook een nieuw mapje aan. in plaats van Default zou je moeten zoeken het mapje met de naam van de layout.
Yep, in plaats van /default/ moet je /bluescale/ hebben.

Re: Logo bovenaan pagina ipv boven menubalk

Geplaatst: 08 april 2013
door MagentoMagento
Het is gelukt, wel gewoon in default overigens. Bedankt!