Changing corner color in Rounded theme

  • Unknown's avatar
    picjur · Member ·

    Hi,
    I’m working with the Rounded theme and want to change the colors of the boxes. I know how to change the colors of the boxes themselves, but I don’t know how to change the colors of the attached corners.

    I figure I need to generate new corner images. That’s not a problem, but how to fit them into the code is. Do I need to go into the HTML, and if so, how do I go about this?

    http://.picjur.wordpress.com

    Thanks,

    Todd

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

  • Unknown's avatar
    hallluke · Member ·

    This should work even if it’s not particularly terse. Remember to replace the image URLs, at the moment it should just display the picture from the opposite corner. It assumes a size of 15×15 pixels.

    .sideitem .sideitemtop {background: transparent url('http://s1.wp.com/wp-content/themes/pub/rounded/img/sbl.gif?m=1158886880i') no-repeat scroll right top;}
    .sideitem .sideitemtop img {padding-top: 15px; height:0; background: transparent url('http://s1.wp.com/wp-content/themes/pub/rounded/img/sbr.gif?m=1158886880i') no-repeat scroll left top;}
    .sideitem .sideitembottom {background: transparent url('http://s1.wp.com/wp-content/themes/pub/rounded/img/stl.gif?m=1158886880i') no-repeat scroll right top;}
    .sideitem .sideitembottom img {padding-top: 15px; height:0; background: transparent url('http://s1.wp.com/wp-content/themes/pub/rounded/img/str.gif?m=1158886880i') no-repeat scroll left top;}

    If you want to do the same for the main column replace the “sideitem” selectors with .post .postop and .post .postbottom

    I’ll keep my fingers crossed!

    lh

  • The topic ‘Changing corner color in Rounded theme’ is closed to new replies.