How to align/center side bar image

Currently in your sidebar code for the image is:

<div class="textwidget">
	<a target="_blank" href="https://jxliu.com/click/?s=105394&c=25302" title="1 mês">
		<img border="0" alt="1 mês" src="https://farm5.static.flickr.com/4001/4450838327_2166208dab_m.jpg">
	</a>
	<small>
		<a target="_blank" href="https://creativecommons.org/licenses/by/2.0/" title="Attribution License">
			<img width="30" height="30" border="0" align="absMiddle" alt="Creative Commons License" src="https://www.the-wedding-page.com/wp-content/plugins/photo-dropper/images/cc.png">
		</a>
		<a target="_blank" href="https://www.photodropper.com/photos/">photo</a>
		credit: <a target="_blank" href="https://www.flickr.com/photos/7369606@N02/4450838327/" title="pquintale">pquintale</a>
	</small>
</div>

Change it to:

<div class="textwidget">
	<center>
		<a target="_blank" href="https://jxliu.com/click/?s=105394&c=25302" title="1 mês">
			<img border="0" alt="1 mês" src="https://farm5.static.flickr.com/4001/4450838327_2166208dab_m.jpg">
		</a>
		<br />
		<small>
			<a target="_blank" href="https://creativecommons.org/licenses/by/2.0/" title="Attribution License">
				<img width="30" height="30" border="0" align="absMiddle" alt="Creative Commons License" src="https://www.the-wedding-page.com/wp-content/plugins/photo-dropper/images/cc.png">
			</a>
			<a target="_blank" href="https://www.photodropper.com/photos/">photo</a>
			credit: <a target="_blank" href="https://www.flickr.com/photos/7369606@N02/4450838327/" title="pquintale">pquintale</a>
		</small>
	</center>
</div>

I hope this helps.

Hi,

I just pasted the code provided into the side bar (I have a text widget where I entered this code) but its made no difference atol.

What am I doing wrong?

Thanks

Hi,

copy the following code and paste it in style.css of the theme.

img.centered
{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright
{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft
{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright
{
float: right;
}

.alignleft
{
float: left;
}

Add this code in style.css file.of your theme and it should be resolve the problem. If it does not solve the problem then replace the .img{} tags with the above code in style.css.

Thanks,

Shane G.

Try this

<center>
<a href="https://jxliu.com/click/?s=105394&c=25302" title="1 mês"target="_blank">
<img src="https://farm5.static.flickr.com/4001/4450838327_2166208dab_m.jpg" border="0" alt="1 mês" /></a>

<p><small><a href="https://creativecommons.org/licenses/by/2.0/" title="Attribution License" target="_blank">
<img src="https://www.the-wedding-page.com/wp-content/plugins/photo-dropper/images/cc.png" border="0" alt="Creative Commons License" width="30" height="30" align="absMiddle" /></a>

&nbsp;<a href="https://www.photodropper.com/photos/" target="_blank">photo</a> credit: <a title="pquintale" href="https://www.flickr.com/photos/7369606@N02/4450838327/" target="_blank">pquintale</a>
</small></p>
</center>

Thanks guys!
Its worked a treat.