Element einfügen

Uli_CMS

Hallo,

ich habe bislang nur mit einem Builder Websiten gebaut. Da die ja doch verhältnismäßig schnell an ihre Grenzen stoßen, habe ich mir den benötigten Code besorgt und würde den gerne auf der Seite einfügen - ich habe nur leider keine Ahnung wie ich das tuen kann.

Wir benutzen Avada.

Der Code:

[COLOR=#800000]<div[/COLOR][COLOR=#000000] [/COLOR][COLOR=#FF0000]class[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000FF]"content-box-gray "[/COLOR][COLOR=#800000]>[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#800000]<div[/COLOR][COLOR=#000000] [/COLOR][COLOR=#FF0000]class[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000FF]"title"[/COLOR][COLOR=#800000]>[/COLOR][COLOR=#000000]This is heading.[/COLOR][COLOR=#800000]</div>[/COLOR][COLOR=#000000]

[/COLOR][COLOR=#800000]<div[/COLOR][COLOR=#000000] [/COLOR][COLOR=#FF0000]class[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000FF]"content"[/COLOR][COLOR=#800000]>[/COLOR][COLOR=#000000]this is content . lots of content.[/COLOR][COLOR=#800000]</div>[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#800000]</div>

[COLOR=#000000].[/COLOR][COLOR=#000000]content[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]box[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]gray [/COLOR][COLOR=#000000].[/COLOR][COLOR=#000000]content [/COLOR][COLOR=#000000]{[/COLOR][COLOR=#000000]
overflow[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] hidden[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
padding[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] [/COLOR][COLOR=#800000]10px[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
font[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]size[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] [/COLOR][COLOR=#800000]15px[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]bottom[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]left[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]radius[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] [/COLOR][COLOR=#800000]5px[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]bottom[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]right[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]radius[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] [/COLOR][COLOR=#800000]5px[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] [/COLOR][COLOR=#800000]1px[/COLOR][COLOR=#000000] solid gray[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
color[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] [/COLOR][COLOR=#808080]#3385FF;[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#000000]}[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#000000].[/COLOR][COLOR=#000000]content[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]box[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]gray [/COLOR][COLOR=#000000].[/COLOR][COLOR=#000000]title [/COLOR][COLOR=#000000]{[/COLOR][COLOR=#000000]
height[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000]30px[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
line[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]height[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000]30px[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]top[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]left[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]radius[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] [/COLOR][COLOR=#800000]5px[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]top[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]right[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]radius[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] [/COLOR][COLOR=#800000]5px[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
background[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]gray[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
font[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]size[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000]18px[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
font[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]weight[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]bold[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
font[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]family[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]verdana[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
display[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]block[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
color[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]white[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
display[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]block[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
padding[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000]10px[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] [/COLOR][COLOR=#800000]1px[/COLOR][COLOR=#000000] solid gray[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]bottom[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]none[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#000000]}

Vielen lieben Dank für Eure Hilfe.[/COLOR][/COLOR]

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

Das hier ins entsprechende Template:

Zitat

[COLOR=#800000]<div [/COLOR][COLOR=#FF0000]class[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000FF]"content-box-gray "[/COLOR][COLOR=#800000]>[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#800000]<div [/COLOR][COLOR=#FF0000]class[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000FF]"title"[/COLOR][COLOR=#800000]>[/COLOR][COLOR=#000000]This is heading.[/COLOR][COLOR=#800000]</div>[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#800000]<div [/COLOR][COLOR=#FF0000]class[/COLOR][COLOR=#000000]=[/COLOR][COLOR=#0000FF]"content"[/COLOR][COLOR=#800000]>[/COLOR][COLOR=#000000]this is content . lots of content.[/COLOR][COLOR=#800000]</div>[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#800000]</div>[/COLOR]

Bitte die vergessenen Leerzeichen korrigieren.

Und das hier in die CSS

Zitat

[COLOR=#000000].[/COLOR][COLOR=#000000]content[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]box[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]gray [/COLOR][COLOR=#000000].[/COLOR][COLOR=#000000]content [/COLOR][COLOR=#000000]{[/COLOR][COLOR=#000000]
overflow[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000] hidden[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
padding[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]10px[/COLOR][/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
font[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]size[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]15px[/COLOR][/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]bottom[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]left[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]radius[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]5px[/COLOR][/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]bottom[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]right[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]radius[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]5px[/COLOR][/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]1px[/COLOR][/COLOR][COLOR=#000000] solid gray[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
color[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#808080]#3385FF;[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#000000]}[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#000000].[/COLOR][COLOR=#000000]content[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]box[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]gray [/COLOR][COLOR=#000000].[/COLOR][COLOR=#000000]title [/COLOR][COLOR=#000000]{[/COLOR][COLOR=#000000]
height[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]30px[/COLOR][/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
line[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]height[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]30px[/COLOR][/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]top[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]left[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]radius[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]5px[/COLOR][/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]top[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]right[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]radius[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]5px[/COLOR][/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
background[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]gray[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
font[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]size[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]18px[/COLOR][/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
font[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]weight[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]bold[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
font[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]family[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]verdana[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
display[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]block[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
color[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]white[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
display[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]block[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
padding[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]10px[/COLOR][/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#800000][COLOR=#800000]1px[/COLOR][/COLOR][COLOR=#000000] solid gray[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
border[/COLOR][COLOR=#000000]-[/COLOR][COLOR=#000000]bottom[/COLOR][COLOR=#000000]:[/COLOR][COLOR=#000000]none[/COLOR][COLOR=#000000];[/COLOR][COLOR=#000000]
[/COLOR][COLOR=#000000]}[/COLOR]

Alles anzeigen

Uli_CMS

Super geil, danke.

Problem, ich habe zwischen Box und Titel eine Lücke von ca 10px - gibt es dafür einen Grund?

maxe

vermutlich das padding:10px; bei .title

Uli_CMS

nope, das hab ich schon rausgenommen

SirEctor

Das müsste man live sehen, da es gefühlte 10000 Ursachen dafür geben kann.

SirEctor

Ein Link per PN nutzt dem Forum nichts und wird von mir auch nicht beantwortet. Es gibt URL-Shortener, die du z. B. nutzen kannst. Ansonsten schau dir das Element mit einen Developer-Tool im Browser an.

Uli_CMS

goo.gl/7lUbtE

Sorry, das war mir so nicht bewusst.

SirEctor

In deiner style.css befindet sich noch folgender Eintrag:

Code

.title {
    margin: 0 0 31px;
    overflow: hidden;
    display: table;
}

Hier das margin für bottom auf 0 setzen und das Problem sollte gelöst sein.

Brawler

Uff, schon heftig, was man aus einem Premium-Theme machen kann... :roll:

Tipp: bitte immer im Chrome kontrollieren oder die Custom-Scrollbar direkt abschalten (webkit-bug). Da hat das Theme schon seit geraumer Zeit probleme... ;)

HTML kann man auch bei Avada ganz normal über ein Contentelement TEXT einfügen (Standard-MCE von WordPress). Style-Angaben immer in die style.css, ansonsten bietet Avada auch über die Einstellungen eine Möglichkeit, eigene Styles zu hinterlegen (spart das Child-Theme). :)

Uli_CMS

Super, danke, das war die Lösung :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Element einfügen

Jetzt mitmachen!