-
AuthorPosts
-
March 6, 2017 at 1:55 pm #756399
Hello,
I bought the enfold template and choosed the Enrique Enfold Template.
Now I want to place my logo in the middle before the text “Welcome!”How can I put the picture in the Headline?
Und nun auf deutsch:
Ich habe das Enfold Template gekauft und als Probeseite “Enrique” gewählt.
Jetzt möchte ich über den ersten Text mein freigestelltes Logo einfügen.
Wie kann ich das in die Headline mit HTML einfügen?
Auf was muss ich achten wenn ich den Code reinkopiere?Vielen Dank und liebe Grüße aus Wien
March 6, 2017 at 2:30 pm #756414Hey mapra23,
The header layout can be changed from Enfold > Header options.
If you like to add a picture in the header please create a header widget area by applying the code provided in this link to functions.php http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
You can then easily place the image by dropping a text widget area inside the header widget from Appearance > Widgets
Best regards,
VinayMarch 6, 2017 at 2:37 pm #756418was ist das ? Enrique?
Die Demos haben doch andere Namen oder?Ich würde ja gerne helfen – schau mal bitte wie das richtig hieß – die Demo
Edit : aha ich sehe , es ist die One Page Portfolio Demo.
Und du hast auch diese Option mit Header erst sichtbar nach dem scrollen gewählt?
Wenn ich das so lese, dann meinst du garnicht das platzieren im Header Bereich, sondern in dem ersten großen (Vollbildslider) – oberhalb von:
Welcome!
I am Enrique FoldAm einfachsten wäre sicherlich das Bild zu manipulieren. Downloade es und setze dein Bild (Logo) in das Bild hinein.
Denn in einem Slider – wie du gesehen hast gibt es so zunächst keine Möglichkeit ein zusätzliches Bild zu platzieren.- This reply was modified 7 years, 8 months ago by Guenni007.
March 6, 2017 at 4:03 pm #756473Wenn du natürlich willst, dass das Logo mit rausscrollt wie das Heading könntest du mit pseudo-klasse das Bild platzieren.
Hier jetzt mal der Code für die Demoseite von Kriesi:.home .avia-caption-title::before { content: "\00a0"; display: inline-block; position: relative; height: 100px; width: 100%; top: -20px; background: url("http://kriesi.at/themes/enfold-one-page-portfolio/files/2015/02/logo_onepage_portfolio_text2.png"); background-repeat: no-repeat; background-position: top center; background-size: 250px auto; }
hier wird also ein Container vor der Überschrift platziert. Der Container hat “keinen” Content (er muss einen haben – sonst wird er nicht angezeigt, daher das Sonderzeichen bei Content (Leerzeile)) – dafür aber ein Hintergrund Bild. Das Hintergrundbild ist dein freigestelltes Logo. Den Pfad musst du natrlich austauschen.
Der Rest ist dann Größe und Platzierung. Das kann ich nicht sehen wie es bei dir passen würde.Der Code oben in deine Quick css hinein.
Der ist jetzt so nur für die (home) Startseite gedacht. Wenn du das auf anderen Seiten benötigst, dann muss man da halt die page id statt home setzen also zB.:
.page-id-123 .avia-caption-title::before { … }March 7, 2017 at 9:57 am #756859Hello,
thank you for your reply, I am happy now :)
Hallo,
vielen Dank für Deine Nachricht.
Ich habe mich dazu entschieden es ins Bild zu kopieren.
Ich hoffe dass es dadurch trotzdem für alle Mobile-Versionen passt
(Handy, Tablet) und nicht von der Schrift überdeckt wird.
Vielen Dank :)March 7, 2017 at 12:52 pm #756946Hi,
Great, glad you got it working and thanks to @guenni007 for helping out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardMarch 7, 2017 at 4:48 pm #757097es wird dann schon von der Schrift überdeckt, insofern du es wie im Original belassen hast ( parallax effekt)
die andere Lösung ist aber auch nicht kompliziert. Du musst eigentlich nur erstmal den Pfad zu deinem freigestellten Bild ermittlen den oben in den code ersetzen und das ganze dann ins quick css.
Wenn es nicht deine Startseite ist die betroffen ist, dann musst du halt noch die Page ID statt .home nehmen
Der Rest ist dann nur noch Größen Angleichung und Positionierung
March 8, 2017 at 4:54 pm #757911@Guenni007
wie immer vielen Dank :)Gruß,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.