WordPress.org

Forums

Highwind
Gravitron (4 posts)

  1. kristylsim
    Member
    Posted 1 year ago #

    Hiya! LOVE this theme. My site is http://www.kristysimchick.com and I'm a novice at wordpress. How do I upload an image to the circle?

    I see some talk about a childs theme but I have no idea what that is.

    Is there an easy way to upload an image to the circle "gravitron"?

    Many thanks,
    Kristy

  2. Wolfs bRain
    Member
    Posted 1 year ago #

    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:

    http://codex.wordpress.org/Child_Themes

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

    http://wordpress.org/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

  3. kristylsim
    Member
    Posted 1 year ago #

    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. :)

  4. Wolfs bRain
    Member
    Posted 1 year ago #

    .site-intro .avatar {
        background: url("http://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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.