Hoe krijg ik de login & shopping cart wat naar boven geplaatst?

[Cel82]

Hallo allemaal, ik ben een eigen theme aan het maken en zit ik met een probleempje. Ik zou graag in mijn theme de teksten: "account, winkelwagen & welkom aanmelden" een stukje naar boven plaatsen.

 

Ik vind niet juist welke file ik moet aanpassen voor dat stuk, weet iemand in welk bestand ik moet gaan kijken?

 

Voor alle duidelijkheid een fotoke:

 

 

alvast bedankt voor jullie tijd

[Cel82]

... niemand een idee?

[AKJV]

Zo te zien gebruik je een eigen (of aangepaste) template. Dan is het lastig je te helpen zonder een link naar je website. Maar ik neem aan dat er iets linksboven van dit gedeelte staat?

 

Je zou dit eens kunnen proberen:

 

Zoek in themes/jouw_theme/css/modules/blockuserinfo/blockuserinfo.css naar:

 

#header_right #header_user {

...

}

 

Dit zou als het goed is helemaal bovenaan moeten staan. Pas dan 'width: 535px;' (een van de eigenschappen tussen de brackets) aan naar 'width: 200px;'

 

Dit zou moeten zorgen dat dat gedeelte boven gaat. Misschien dat 200px wat te kort is, kijk maar of het een hogere waarde aankan zonder dat alles weer naar beneden gaat.

 

Verder zou je een margin-top als eigenschap kunnen toevoegen om het iets naar beneden te schuiven.

 

 

Mocht dit alles je niet verder helpen, dan raad ik je aan een link te geven naar je website.

 

Groet,

Andreas

[AKJV]

Als aanvulling op mijn post hierboven:

 

Als alternatief zou je alleen een margin-top met een negatieve waarde (bijv. -50px) kunnen toevoegen. Maar dat zou niet nodig hoeven te zijn en wordt alleen gebruikt als noodgreep.

[Cel82]

Hey AKJV,

 

bedankt voor de hulp en jou tijd!

 

Dit is mijn huidige code:

/* block top user information */
#top #header_user {
float: right;
width: 535px;
text-align: right;
margin-right: 6px
}
#header_user p { color: #ccc; }
#header_user p a{
color: #FFF;
text-shadow: 0px 0px 10px #fff;
}
#header_user p a:hover{
color: #E11731;
text-shadow: 0px 0px 10px #f00;
text-decoration:none;
}


#header_user span {  }
#header_user ul { margin-top: 0.3em }
#header_user li {
float: right;
line-height: 2em;
margin-left: 0.5em;
white-space: nowrap
}
#header_user #shopping_cart, #header_user #your_account { font-size: 0.9em }
#header_user li#your_account { margin-left: 0 }
#header_user #shopping_cart a, #header_user #your_account a {
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0 4px 26px;
height: 20px;
text-decoration: none
}
#header_user #shopping_cart a { background-image: url('../../../img/icon/cart.gif') }
#header_user #your_account a { background-image: url('../../../img/icon/my-account.gif') }

 

De Icoontjes krijg ik naar boven geplaatst maar helaas de tekst van "Welkom, aanmelden" & "uw account - winkemand" lukt me niet

[AKJV]

Je code is zoals verwacht anders dan die van de standaard template. Maar heb je echt dit in je code:

 

#top #header_user {
float: right;
width: 535px;
text-align: right;
margin-right: 6px
}

 

verandert in:

#top #header_user {
float: right;
width: 200px;
text-align: right;
margin-right: 6px
}

 

Of anders geprobeerd om dat zelfde stukje code te veranderen in:

#top #header_user {
float: right;
width: 535px;
text-align: right;
margin-top: -50px;
margin-right: 6px
}

 

Met de waarden van width: 200px (eerste aanpassing) of margin-top: -50px (toevoeging in tweede aanpassing) kan je mee spelen.

[Cel82]

Jups, beide geprobeerd. Dit veranderd helaas niets

[Cel82]

Yes, ik heb het gevonden!

 

van:

#header_user p { color: #ccc; }[/color]

 

naar:

#header_user p {
color: #ccc;
margin-top: -45px;
}

 

Bedankt voor je hulp!!!

[Cel82]

Het resultaat: http://www.toxicrc.com/webshop/

[AKJV]

Mooi dat het gelukt is!

 

Je website laadt wel een beetje traag... Heb je misschien 'Force compile' aanstaan en/of 'Cache' uitstaan?

[Cel82]

Hey, stond idd nog aan aangezien ik nog aan iets bezig was.