You can use a CSS plugin like Jetpack or Custom CSS Manager and add this CSS rule:
.widget img.profile {
width: 50%;
float: none;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
display: table;
}
Adjust the value for width to whatever suits your needs. 50% means it will take up half the space where the image is located.
Thread Starter
obane
(@obane)
Thanks for your response! I have Jetpack that shows me site stats. Is that what you’re referring to? Where would I go on Jetpack to put that code? Sorry, I don’t know anything about codes. Would I just copy and paste it in anywhere?
Thread Starter
obane
(@obane)
Thank you so much! That worked and fixed my problem with the image being too big. Do you know if there’s a way to make the “about me” text fit around/beside the “about me” photo instead of being below the photo?
http://healthy-liv.com
You can change the rule so it looks like this:
.widget img.profile {
width: 40%;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
This will “float” the picture to the left, making the text flow up along the right. If you want the picture on the right instead, change the value for float to right, then change the margin-right attribute to margin-left (the margin property will add some spacing between the picture and the text).
Thread Starter
obane
(@obane)
That worked perfectly! Thanks again for all your help.
