Forums

TwentyEleven: what css element can put a border around entries/posts? (7 posts)

  1. mattshepherd
    Member
    Posted 7 months ago #

    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.

  2. esmi
    Theme Diva & Forum Moderator
    Posted 7 months ago #

    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.

  3. mattshepherd
    Member
    Posted 7 months ago #

    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.

  4. esmi
    Theme Diva & Forum Moderator
    Posted 7 months ago #

    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;
    }
  5. mattshepherd
    Member
    Posted 7 months ago #

    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?

  6. esmi
    Theme Diva & Forum Moderator
    Posted 7 months ago #

    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.

  7. mattshepherd
    Member
    Posted 7 months ago #

    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?

Reply

You must log in to post.

About this Topic