Gravitron

Hi Kristy,
I managed to take a look at your site and this is the code you would need.
.site-intro .avatar {
background:url(“”)
}`

Just place the url to the background picture you wish and it’ll work like a charm.

As for a child theme. It is a way to be able to change code on your site without having to worry of the code you change to be deleted with the next update on your theme. Reason why its not recommended to change any code on the parent theme. Here’s a link explaining how to create one:

https://codex.www.ads-software.com/Child_Themes

There are also plugins that will allow you to change css such as:

https://www.ads-software.com/plugins/simple-custom-css/

I’ve never personally used a plugin for this and im more inclined to making a child theme but the choice would be yours.

I hope this helps you out. Any further questions please feel free to ask.

Wolfy and Brain

Hi Guys! Thank you SO much for your quick response.

For the code I would need for the gravitar – do I enter that in under editor? This is what exists there.

.site-intro .avatar {
width: 128px;
height: auto;

Is this what I change it to?

.site-intro .avatar {
background:url(“URL GOES HERE”)
}`
width: 128px;
height: auto;

Also – do I make the image round or does it automatically just stay that way?

The child theme is WAAAY over my head. I get the concept, but need someone to sit down and explain that kind of stuff to me. :/

Many many thanks! LOVE the theme. ??

.site-intro .avatar {
    background: url("https://upload.wikimedia.org/wikipedia/commons/7/70/Osteospermum_Flower_Power_Spider_Purple_2134px.jpg") repeat scroll center center / cover rgba(0, 0, 0, 0);
}

Here is a link to the image so you can see its not round and it also doesn’t matter what size it is. And heres a link to a print screen of your site with the css I put in.