Supersilly

supersillytraveller.com uses sparkling theme without doing too much modification.

Thanks for pointing the direction Silkalns. I figured how to do it properly.

I used custom field and made a new div to place it where i wanted. See the end result here.

https://supersillytraveller.com/apartment-renting-in-japan

Steps to achieve it.

1) Add this code to the end of style.css of your child theme.

.post-photo-credit {
  padding: 5px 50px;
  background-color: #FFF;
  border: 1px solid #dadada;
  border-top: none;
  border-bottom: none;
  text-align: right;
  font-style: italic;
  font-size: 75%;
}

2) Add this code to the content-single.php of your child theme. Add it above <div class="post-inner-content">

Code to add

<div class="post-photo-credit">
<?php echo get_post_meta($post->ID, 'photocredit', true); ?>
</div>

Then in the post activate custom fields and make new field with the id used in the previous code. In this case “photocredit” and then enter the what you want to display.

I hope this helps others

Cheers
Silly

Thanks,it certainly helps. I reduced the padding-left even more as it doesn’t make much difference on a mobile device. Looking forward to the theme update.

Cheers
Silly

Got it, Thanks

You can use a “read more” tag in your posts. Then in settings > Readings make sure for this option “For each article in a feed show” check “summary”

That’s what I do.

Cheers
Silly

My coding skill is confined to basic level of HTML and CSS. What I can think of is adjusting the left padding of icons so they move closer to the edge. Funny thing is I don’t know where to find this in the script.

BTW thanks again for the awesome support on this free plugin. Apart from the great theme, this is the reason i will stick to it.

Cheers

Here is the screen shot. So I would guess its moving based on screen resolution? I am using a laptop at the moment. Any way to fix this?

View post on imgur.com

I will ask a few more questions while you are listening.

I have checked yes to “disable float icons on mobile device”. Because I am not using the plugin widget, when on mobile there is no option to share at all. Is there a solution other than using the plugin widget?

Finally, as i scroll the movement of icons is not so smooth. Anything I can do about it?