Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

A few questions re: borders and page layout (Chunk theme)

  1. cpemslie
    Member

    Hello,

    I'm making some changes to this site, an online poetry journal, and have encountered a couple of problems.

    A grey vertical border-line (and another broken line across the bottom of every post) appears on every page with my chosen theme. I have no idea how to be rid of it.

    Also I wondered how to increase my column width so that some of the longer lines on my pages don't get cut off before they are meant to.

    Basically what I want is to get rid of the vertical border and shift all body text to the left to give the longer lines in our contributors' poems space to remain on one line.

    I'd be really grateful for any help you can give me

    The blog I need help with is ilkjournal.wordpress.com.

  2. thesacredpath
    Member

    Since the site is set to private it is going to make it difficult for us.

    What have you, or what are you planning on doing with the post metadata (date, categroies, tags, leave a comment link) which occupies the space to the left of the post content?

    For the bottom border on posts:

    .hentry .main {
border-bottom: none;
}

  3. cpemslie
    Member

    Thanks for that. And sorry -- I completely forgot that the other admin had made the site private. I'll fix that now.

    As for the categories / tags / dates, the site is going to be focused on simple text content rather than acting as a blog, so it wouldn't be the end of the world if this information wasn't visible. We've disabled commenting on all the pages anyway.

  4. thesacredpath
    Member

    I assume you will be posting the poetry as posts, correct?

  5. thesacredpath
    Member

    Actually under "issues" I see stuff posted in normal pages rather than posts. Is that where the bulk of the poetry will be, in pages?

  6. cpemslie
    Member

    Yep, precisely. The posts will only appear under the 'blog' heading, which will be used rarely and probably just for the occasional youtube link or photo.

  7. thesacredpath
    Member

    OK, what can be done it to target all "page" types and all "pages" would take on the new design, but the blog would stay the same with the post metadata to the left of the line. Would that work for you?

  8. cpemslie
    Member

    Yes that would be perfect, thank you!

  9. thesacredpath
    Member

    Give this a try. It gets rid of the border between "posts" and at the bottom of single-post pages, gets rid of the left borderline on pages and takes the content on pages full-width.

    .page #contents {
margin-left: 0;
border-left: none;
}

.page .entry-meta {
display: none;
}

.hentry .main {
border-bottom: none;
}

    Make sure and look around at all your pages and such to make sure everything looks OK.

  10. cpemslie
    Member

    It looks to be ok, I do have one question: will I have to go through the dashboard to edit all pages from now on? I ask because the 'edit' option was in the sidebar and I want to be sure I can still edit content properly without it.

    Also, while I'm here: is there any way to make the home-page appear as just the header and the navigational bar underneath it? I don't mind losing the 'about' page that's currently the main page as that can easily be combined with the 'who' page. If I remove all headings / body from the homepage, will that achieve this cleanly?

  11. thesacredpath
    Member

    Yes, just go through the dashboard to edit pages.

    We can hide the content on the main page by targeting that specific page with the following. Give this a try and then let's see where else you want to go with that page. The footer has to stay there per the wordpress.com terms of use.

    .home #contents, .home .navigation {
    display: none;
}

    I will note that for visitors (and for search engines), it is better to have at least a short bit of text on the main page hinting at what people may find inside the site. Many people, if they cannot get an idea of the site content within a second or two will just click away.

    You could make a new static front page called "home" and then include only a brief introduction for visitors and then turn the "about" page into the "who" page.

  12. cpemslie
    Member

    Thanks! I'll keep that in mind and see how it goes.

    All that code seems to have worked perfectly. I just need to make a few edits to the page content itself.

    Thank you so much, you've been a huge help. Hopefully I'll be able to manage on my own for a while now, without bugging you further.

  13. cpemslie
    Member

    ...and of course, as soon as I say that, I spot a problem! Despite everything having moved over to the left, some of the longer lines are still being cut into two. Is there a way to let single lines of text continue for longer across the page, or does the theme have an unalterable maximum line length?

  14. thesacredpath
    Member

    Give me a link to where that is happening so I can take a look. Basically the entire wrapper/content area will have to be widened, but there are practical limits on that due to general monitor sizes.

  15. cpemslie
    Member

    Oh, I understand why that could pose problems.

    The best example is probably here, where the first two lines of the body (after the poem's title) are split into four despite there being a lot of white space on the right. It only happens on two pages, but it's a formatting problem that I can foresee bothering the contributors in question.

    Thank you, and apologies for stream of questions. Nearly there...

  16. thesacredpath
    Member

    Sneaky they were (and I didn't look deep enough. Some of the elements are set with no width which means they will expand to the width allowed by the parent element, but they had a width set in one of them. Add this and it should take care of the width issue. The p

    .page .hentry .main {
width: 800px;
}

  17. cpemslie
    Member

    That's it! Thank you, you are the hero of my week. The support of the forums alone has made paying for Custom Design more than worthwhile. I'll leave you alone now, but really, fantastic work. Thanks.

  18. thesacredpath
    Member

    You are welcome, and you know where we are if you have questions.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags