Arefly

Need add some custom style into one of your post?
Install this plugin now!
This plugin allow you to add custom style to a post by shortcode <code>[style]</code> in post’s content.
You may also want to use <a href="https://wordpress.org/plugins/add-script-to-post/" rel="ugc">Add Script To Post</a> too!

Add Style To Post

Add custom style to a post by shortcode in post's content.

hobbeshunter

<h4>EN:</h4>
This plugin provides 3 shortcodes:
[zeitstrahler_wrapper style=”grey/greyRedRound”][/zeitstrahler wrapper]
The frame of our timeline. The other shortcodes belong inside of them. You can choose an style. It’s also easy to add a new one through custom css. Do something like:
<pre><code>.zeitstrahler_wrapper.greyRedRound::before {
 background-color: rgb(76,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element {
 background-color: transparent;
 border-radius: 5px;
 box-shadow: 0 0 5px 2px rgb(76,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element::before {
 border-color: rgb(76,76,76);
 background-color: rgb(240,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element_date {
 font-weight: bold;
 color: rgb(240,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element_heading {
 margin-top: 0 !important;
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_arrow::before {
 border-color: rgb(240,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_date span {
 background-color: rgb(240,76,76);
 color: #FFF;
 display: inline-block;
 border-radius: .2em;
 padding-left: .4em;
 padding-right: .4em;
 font-weight: bold;
}
</code></pre>
[zeitstrahler_element date=”1.1.1900″ heading=”Birthday”]your content[/zeitstrahler_element]
An timeline element.
[zeitstrahler_date]1900[zeitstrahler_date]
An big date, placed central at the timeline.
<h4>DE:</h4>
Dieses Plugin stellt 3 Shortcodes zu Verfügung:
[zeitstrahler_wrapper style=”grey/greyRedRound”][/zeitstrahler wrapper]
Der Rahmenshortcodes des Ganzen. Die anderen Shortcodes sollten sich in diesem befinden. Hier kann man auch zwischen diversen Designs wählen. Durch custom css kann man auch einfach ein neues schreiben.
[zeitstrahler_element date=”1.1.1900″ heading=”Geburtstag”]ihr Inhalt[/zeitstrahler_element]
Ein Zeitstrahlelement.
[zeitstrahler_date]1900[zeitstrahler_date]
Ein hervorgehobenes Datum.

zeitstrahler

A simple plugin to style your content as a timeline with a few shortcodes.

Add Style To Post vs zeitstrahler