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.

Theme Junkie

This plugin will enable a <a href="https://www.theme-junkie.com/plugins/theme-junkie-custom-css/" rel="nofollow ugc">custom css manager</a> on administration page to add Custom CSS code to your WordPress website. It will automatically override any theme or plugin default styles. It also very useful if you want to add customization to your website but do not want to edit your theme or plugin css files.
It comes with two ways to add the custom css code:
1. Setting 
You can go to Appearance → Custom CSS, then you will see a big box/textarea. Put your css code there.
2. Customizer – Live Preview 
If you want to see the live preview while you adding the custom css code, then you can go to Appearance → Customize, after that open the Custom CSS section tab.
<h4>Features Include:</h4>
<ul>
<li>No configuration needed</li>
<li>Live preview</li>
<li>Easy-to-use</li>
<li>Child theme alternative to add customization</li>
<li>Uninstall procedure</li>
</ul>
<h4>Plugin Info</h4>
<ul>
<li>Developed by <a href="https://www.theme-junkie.com/?utm_source=wporg&utm_medium=text_link&utm_campaign=Site%20Promotion" rel="nofollow ugc">Theme Junkie</a></li>
<li>Check out the <a href="https://github.com/themejunkie/theme-junkie-custom-css" rel="nofollow ugc">Github</a> repo to contribute.</li>
</ul>

TJ Custom CSS

Simply works

Easily to add any Custom CSS code to your WordPress website.

zeitstrahler vs TJ Custom CSS