Spun Theme: Change Circle Colour

  • Been trying to set up a simple site to host some PDF links.

    I like the circles on Spun, and I like the opacity. But at the moment I can’t for the life of me change the colour.

    When I hover over them, they fill to a grey colour.

    I had been tinkering with the CSS. And at some point, somehow, manged to change the colour of the boxes to a much nicer blue. Saved it. But it wouldn’t really save.

    So when i go back to my site, it reverts back to being grey circles.

    Is there a simple fix for this?

    (Also, I’d like the option to show photos in the box when I hover over it, is that possible?)

    The blog I need help with is: (visible only to logged in users)

  • In your custom CSS the first declaration is:

    .hentry.no-thumbnail{
    	background:none repeat scroll 0 0 #444;
    	border-radius:180px;
    	overflow:hidden;
    	transition:all .4s ease-in-out 0;
    	word-wrap:break-word;
    	width:300px;
    	max-width:350px;
    	height:300px;
    	max-height:200px
    }

    All you need to do is change the colour code in the background property (currently #444) to whatever colour you want.

  • Well that was embarrassingly easy. Thanks for the help.

    If anyone does know how to fill the circle with a photo, either when you hover over it or vice versa, that would be great.

  • The topic ‘Spun Theme: Change Circle Colour’ is closed to new replies.