Put a image for the header of the blog

Help Customization
1

Hello again, fellow bloggers.

I am decided now to start using Write.as and pay for a first year, but before doing it I keep exploring it, and I have a little doubt that maybe is just a easy one that I dont know.

How could I add a image as the main header for the blog instead the text name. It is possible?

Thanks in advance

1 Like
2

I’d second this :slight_smile: Similar to that of how the Remark.as profile does it. Could be used for Snap.as, too!

3

You can do this with some custom CSS.

If you replace the url below with a link to your image and paste it into the Custom CSS section of your site’s settings.

This takes a square source image, converts it to a circle and displays it at 200x200px on the homepage. The 2nd part changes it to 100x100px on posts and pages. If you’re image isn’t square you’ll need to adjust the width, height and background-size values to suit. If you don’t want a round icon remove the border-radius.

/* Set logo on homepage */
#blog-title a {
    background-image: url(https://example.com/logo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    display: inline-block;
    width: 200px;
    height: 200px;
    background-size: 200px 200px;
    border-radius: 50%;
}

/* Shrink size of logo on posts and pages */
#post #blog-title a, #subpage #blog-title a {
    width: 100px;
    height: 100px;
    background-size: 100px 100px;
}
1 Like