Hi Jeske,
Veel hangt af van waar precies je het logo wilt plaatsen en hoe de rest van de layout er uitziet.
Geef de volgende info, dan kunnen we ZIEN wat je bedoelt! 😉
Zo krijgen we een beter beeld van jouw situatie en kunnen we meedenken en adviseren.
== == == VOORBEELD
NB! Afhankelijk van jouw situatiie en wensen kan de code verschillen!
hgroup {
background-image: url("http://WWW.JOUWDOMEIN.nl/wp-content/uploads/2015/12/logo.png");
background-repeat: no-repeat;
z-index:99999999999999999999999;
margin-left:50px !important;
margin-right:50px; !important;
margin-top:50px !important;
margin-bottom: 50px !important;
}
Allereerst hartelijk dank dat je de moeite neemt naar mijn probleem te kijken
de URL is http://www.epmac-europe.com
in de kop staat de naam en de betekenis daarvan, ik zou graag links daarvan het logo willen plaatsen
ik vind binnen het gekozen thema geen mogelijkheid om in de kop een afbeelding te plaatsen
de foto die onder de header staat moet eigenlijk gewoon bewaard blijven (als dat mogelijk is), logo dus daarboven en niet in plaats daarvan
vriendelijke groet,
Jeske
Hi Jeske,
Veel hangt af van de factoren zoals:
- afmetingen van het logo / afbeelding
- de gewenste plaatsing van het logo, de plaatsing van de site titel en sub-titel
- plaatsing zoekveld
- andere wensen en eisen
Door de ‘waarden’te veranderen, kan je de plaats van de elementen aanpassen aan je wensen.
== == == voorbeeld
Dergelijke aanpassingen plaats je in CSS ==’style.css’ van je [child-]theme.
hgroup{
background-image: url("http://www.jouwdomein.nl/wp-content/uploads/2015/12/logo.png");
background-repeat: no-repeat;
z-index:99999999999999999999999;
margin-left:50px !important;
}
#site-title, #site-title a, #site-description {
margin-left:60px !important;
margin-top:50px !important;
margin-bottom: 10px !important;
}
Bovenstaande vraagt dus wat ‘proberen en aanpassen’ om tot een goed resultaat te komen.
== == == alternatief
Je kan dit ook anders oplossen.
Door gebruik te maken van een grafisch programma [bijv. GIMP] kan je een samengestelde header maken die alle elementen bijeenbrengt op de door jou gewenste plek.
De header van jouw site -afbeelding en site-title etc – hebben de afmeting 1000px bij 365px.
- grafisch: maak een nieuwe afbeelding van 1000px bij 365px.
- OPGELET: geef aan bij de instellingen van de nieuwe afbelding dat de achtergrond transparant moet worden
- maak een nieuwe laag aan
- open de foto in het grafisch programma
- sleep en laat allen: plaats de foto op deze nieuwe laag >> de foto komt automatisch [steeds] in het midden
- sleep de foto op de gewenste plaats op de nieuwe laag
- maak een nieuwe laag aan
- open het logo in het grafisch programma
- sleep het logo op de gewenste plaats
- maak een nieuwe laag
- in het grafisch programma:plaats een tekst bijv de site titel etc.
- sleep ook dit op de gewenste plek
- herhaal voor alle grafische elementen
- tevreden: exporteer de afbeelding als PNG-formaat zo blijft de transparante achtergrond bewaard
== == == en dan
- dashboard > customizer
- verwijder: site titel en subtitel
- vervang: bestaande kopafbeelding door
- de nieuwe kopafbeelding die jij gemaakt hebt
Nu staan alle elementen gegarandeerd zoals jij ze geplaatst hebt.
— — —
Loop je vast? heb ik je verkeerd begrepen? Vraag gerust.
Is je probleem opgelost Deel je oplossing met dit forum.
… of hou je het voor gezien…?
Vergeet aub niet de thread als ‘resolved’ / ‘opgelost’ te taggen in de rechter zijbalk.
