Oxygen Builder Read More code
Title
<a class='oxy-post-title' href='<?php the_permalink(); ?>'><?php the_title(); ?></a>
Date
<?php the_time(get_option('date_format')); ?>
Excerpt
<?php the_excerpt(); ?>
Read More
<a href='<?php the_permalink(); ?>' class='oxy-read-more'>Read More</a>
Author
<?php the_author(); ?>
Featured Image as backrgound
<a class='oxy-post-image' href='<?php the_permalink(); ?>'>
<div class='oxy-post-image-fixed-ratio' style='background-image: url(<?php echo get_the_post_thumbnail_url(); ?>);'>
</div>
</a>
%%EPID%% .oxy-post-image {
margin-bottom: 1em;
position: relative;
background-color: grey;
background-image: repeating-linear-gradient(
45deg,
#eee,
#eee 10px,
#ddd 10px,
#ddd 20px);
width: 100%;
}
%%EPID%% .oxy-post-image-fixed-ratio {
padding-bottom: 100%;
background-size: cover;
background-position: center center;
}
No of Comments
<a href='<?php comments_link(); ?>'><?php comments_number(); ?></a>