Adding a border and drop shadow

  • Resolved Nickd22

    (@nickd22)


    11 years, 5 months ago

    Hello all,

    I am currently using the latest version of YARPP. It works great for all purposes. I am trying to add a simple border and drop shadow to the printed text. I tried going into Settings and clicking on the checkbox for the field that says “Display using a custom template file” but the checkbox is is greyed out (aka “Read Only”).

    I was wondering if there was a way I could simply edit this html in manually. If so, which file in the plugin would I need to edit?

    Thanks in advance for the help!

    -Nick

    http://wordpress.org/extend/plugins/yet-another-related-posts-plugin/

Viewing 2 replies - 1 through 2 (of 2 total)
  • mitcho (Michael Yoshitaka Erlewine)

    (@mitchoyoshitaka)

    11 years, 5 months ago

    You can change the HTML that’s printed with your related entries display right under that checkbox about templates. This should work for you.

    To use the custom template system, please read the readme.

    Thread Starter Nickd22

    (@nickd22)

    11 years, 4 months ago

    Thanks for the feedback! I was able to go into my themes templates and add it in. All I needed to do was add a div and some css3 styles. Posting what I did for those who are interested:

    <?php
/*
Template Name: Simple
Author: mitcho (Michael Yoshitaka Erlewine)
Description: A simple example YARPP template.
*/
?>
<div style="width:300px;height:250px;box-shadow: 10px 10px 5px #888888;border:3px solid;padding:5px;">
<h3>Related Posts</h3>
<?php if (have_posts()):?>

<ol>
	<?php while (have_posts()) : the_post(); ?>

<li><a>" rel="bookmark"><?php the_title(); ?></a><!-- (<?php the_score(); ?>)--></li>
	<?php endwhile; ?>
</ol>
<?php else: ?>
<p>No related posts.</p>
<?php endif; ?>
</div>

    [Moderator Note: Please post code or markup snippets between backticks or use the code button As it stands, your posted code may now have been permanently damaged/corrupted by the forum’s parser.]

    ** For those who want to add the drop shadow, keep in mind that you need to upload the templates into your current theme, and edit the file contained in your Edit Themes section of WP. **

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding a border and drop shadow’ is closed to new replies.