Grow your CSS skills. Land your dream job.

rounded corner content div in WP

  • # January 17, 2010 at 9:07 am

    Can anybody tell me how to create a content div in WordPress with e.g. rounded corners as in Chris’ example in one of his useful screencasts?

    Here I am specifically talking about the example with the imagebased top and bottom of the content div.

    http://css-tricks.com/video-screencasts/24-rounded-corners/

    I can’t figure it out in WP.
    Do you have to start your div in the header.php and end it in the footer.php?
    and what about single pages?

    I can get the top image to show via the header.php but the footer is absent.

    Thanks
    Simon

    # January 18, 2010 at 11:47 am

    First, create the page in regular HTML and CSS. Once that has been created, you’ll simply need to replace the dummy content with the WP loop.

    Don’t think of it as trying to get these rounded corners into WordPress. Think of it as putting WordPress into an already existing, and working, rounded corner site.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".