• It’s been a while since I’ve done anything in WP, so my brain is partially frozen and this is the first time I’ve worked with TwentyEleven.

    A pretty simple question, really: If I wanted to put a border around every individual post, which CSS element do I have to style to do it?

    .entry {
    border: 3px solid #000000;
    -moz-border-radius: 15px;
    border-radius: 15px;
    }

    doesn’t do anything for me, nor does the same with #content.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Create a child theme for your changes. Once your child theme is active, we should be able to help with the customisation.

    Thread Starter mattshepherd

    (@mattshepherd)

    Child is already created — in fact, the child theme is kind of the problem. I’m accustomed to mucking around with Firebug to figure these things out, but since the style.css sheet now consists solely of “see this other style.css” sheet, there’s nothing for Firebug to show me.

    I am *not* a Firebug expert or anything — please proceed as though I’m not — but I used to be able to sort of suss things using it.

    As the child’s stylesheet takes precedence, you use to over-write the parent’s. So, using the example you gave above in the parent’s CSS, you would use:

    .entry {
    border:none;
    }
    Thread Starter mattshepherd

    (@mattshepherd)

    I’m on it like a bonnet; I’ve already copied over the bulk of the CONTENT section of the TE stylesheet to work with. It’s more than I need in the style.css for the CHILD, but it’s the only way I can see enough of the elements to mess around with.

    Here’s where I’m at:

    I can put a rounded box around the title of each post.

    I can put a rounded box around the content of each post.

    I CANNOT put a rounded box around each entire entry (title+content).

    writing.shep.ca is the site. You will see that I have a rounded black box around the title of each post, and around the body of each post.

    I want to put a rounded black box around EACH POST (its title and its comment) to contain BOTH the title AND the content of the post in a SINGLE box.

    i.e.

    (top of box)

    Post Title: Here comes the post!

    Post content: I saw a monkey today! It was swell!

    (bottom of box)

    I have tried creating just .entry in the CSS, but it doesn’t seem to get recognized… just .entry (something), where there are only parts (title, content) to be styled but no style for the whole post in its entirety.

    The .entry CSS might never be called for in the templates? Maybe?

    I’ve already copied over the bulk of the CONTENT section of the TE stylesheet to work with.

    That’s the wrong way to do it. You only add new CSS to the child’s stylesheet.

    Thread Starter mattshepherd

    (@mattshepherd)

    As much as I appreciate tips on how to best manage a child stylesheet, do you think you could help me with the question I am actually asking?

    I am currently copying sections of the original CSS into the child stylesheet in order to have something to experiment with.

    I need to experiment because I do not know how to solve this problem.

    I do not know how to solve this problem because people are telling me how best to manage child stylesheets instead of dispensing any useful information.

    If you can answer the question that was asked, I will gladly eradicate all code in the style.css except for what is necessary.

    But I cannot “only add new CSS to the child’s stylesheet” until I know what to add.

    So I’ll ask the question again:

    I can put a rounded box around the title of each post.

    I can put a rounded box around the content of each post.

    I CANNOT put a rounded box around each entire entry (title+content).

    writing.shep.ca is the site. You will see that I have a rounded black box around the title of each post, and around the body of each post.

    I want to put a rounded black box around EACH POST (its title and its comment) to contain BOTH the title AND the content of the post in a SINGLE box.

    i.e.

    (top of box)

    Post Title: Here comes the post!

    Post content: I saw a monkey today! It was swell!

    (bottom of box)

    I have tried creating just .entry in the CSS, but it doesn’t seem to get recognized… just .entry (something), where there are only parts (title, content) to be styled but no style for the whole post in its entirety.

    Here’s the question again, more succinctly:

    WHAT do I need to add to the CHILD STYLESHEET in order to put a rounded black box around EACH POST (its title and its comment) to contain BOTH the title AND the content of the post in a SINGLE box?

    Matt,

    Did you ever discover an answer after the moderator slunk away without replying? I understand with what you were trying to do here and see why you were frustrated.

    My deal is that I like to use borders when messing with page layout, and am unable to get borders to show up via CSS in my child theme no matter how !important I try to make it..

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘TwentyEleven: what css element can put a border around entries/posts?’ is closed to new replies.