ELEMENTS TO INCLUDE
1. photo
just upload this the normal way (add media) and center it with the text alignment options in the formatter. BUT, if you want to make the image full size, click on the text editor instead of visual (top right of this box) and where it says width= height =, change that to width=100% and NO HEIGHT.
for example, when you upload an image, go to the text tab, and it will look like this: “<img class=”alignnone size-large wp-image-429″ src=”http://projects.dailytrojan.com/wp-content/uploads/2018/09/1-music-1024×1024.jpg” alt=”” width=”1024″ height=”1024″ /> ”
change this to
“<img class=”alignnone size-large wp-image-429″ src=”http://projects.dailytrojan.com/wp-content/uploads/2018/09/1-music-1024×1024.jpg” alt=”” width=”100%” />
and your image will be full width. you don’t specify a height because it will automatically choose the correct height so that your photo is not distorted.
2. text with a line
this one is rly easy, just type and click on the horizontal bar
if you want to be fancy, you can also do this in the text tab by typing “<hr />”
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tristique diam orci. Etiam quam neque, laoreet at eros eget, condimentum tincidunt mauris. Pellentesque purus neque, ultrices at consequat at, iaculis sed nisi.
3. timeline color
copy this (will match color directly below it) and change the time
<h1 style=”background-image: linear-gradient(-100deg, rgba(255, 255, 255, 0), #33E3FB 85%, rgba(255, 255, 255, 0)); text-align: center; font-size: 2em;”><span style=”color: #ffffff;”><strong>12:02 PM</strong></span></h1>
12:02 PM
copy this (will match color directly below it) and change the time
<h1 style=”background-image: linear-gradient(-100deg, rgba(255, 255, 255, 0), #F826A4 85%, rgba(255, 255, 255, 0)); text-align: center; font-size: 2em;”><span style=”color: #ffffff;”><strong>12:02 PM</strong></span></h1>
12:02 PM
copy this (will match color directly below it) and change the time
<h1 style=”background-image: linear-gradient(-100deg, rgba(255, 255, 255, 0), #7CE466 85%, rgba(255, 255, 255, 0)); text-align: center; font-size: 2em;”><span style=”color: #ffffff;”><strong>12:02 PM</strong></span></h1>
12:02 PM
copy this (will match color directly below it) and change the time
<h1 style=”background-image: linear-gradient(-100deg, rgba(255, 255, 255, 0), #3cd2e0 85%, rgba(255, 255, 255, 0)); text-align: center; font-size: 2em;”><span style=”color: #ffffff;”><strong>12:02 PM</strong></span></h1>
12:02 PM
lmk if you want a new color
<h1 style=”background-image: linear-gradient(-100deg, rgba(255, 255, 255, 0), #F4B448 85%, rgba(255, 255, 255, 0)); text-align: center; font-size: 2em;”><span style=”color: #ffffff;”><strong>12:02 PM</strong></span></h1>