Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

chunk theme help

  1. lenaelmone
    Member

    Hi,

    I am very new to CSS and have been desperately trying to understand it but have been failing ever since I've started.

    What I would like to do in this theme is:

    1. I would like to have the sidebar containing the date and what not to be more to the left. To me the whole page looks so scrunched up into the center and unpleasingly busy.

    2. I would like to have tabs under my header kind of like this site http://kertzonfashion.com so my readers can select which category they would like to go to directly. I tried creating pages and linking each page as a tag but it would always direct it to a page that says "archive" something something. I just want a clean and simple "click on this word and it'll take you to all pages that contain this tag".

    3. I realize this theme doesn't have a sidebar but is it possible to add one? I find it much harder for and less convenient for people to scroll all the way to the bottom to follow my blog and etc...

    Would appreciate all the help!! Thanks so much!

    The blog I need help with is jeuneetconne.com.

  2. timethief
    Member

    Hello there,
    No you cannot add a sidebar. Here's an excerpt from a section you need to read:

    Does the Custom Design upgrade let me edit HTML?
    No. The Custom Design upgrade allows you to edit fonts and CSS only. You can change the appearance of a theme, but not its HTML markup, PHP code, or content. http://en.support.wordpress.com/custom-design/#frequently-asked-questions

  3. timethief
    Member

    Also I do think you understand pages, posts, categories and custom menus and how they function. Staff have provided help for those who want to structure their blog like a website. > http://en.support.wordpress.com/using-wordpress-to-create-a-website/

    What’s critical is:
    (1) a clear comprehension of the differences between pages and posts > http://en.support.wordpress.com/post-vs-page/
    (2) a clear comprehension of the fact that there is only one dynamic page in a blog for posts and we cannot post to more than that one page. But we can create the appearance that we have posted to more than one page.

    We organize our posts by assigning Categories to them. When we publish a post it automatically appears on the running page for posts and also on the Categories pages and Archives pages. Note: There must be one published post in each Category in order for there to be anything to display.

    A custom menu allows you to display Categories with drop-downs to sub-categories in tabs along the horizontal navigation where normally only Pages tabs are displayed. If you wish you can also include Pages with drop-downs to sub-pages and/or custom links in your custom menu as well. You are in charge of what appears in a custom menu. You choose the order in which to display any and/or all the foregoing in your custom menu. You choose which to display and which to hide. http://en.support.wordpress.com/menus

    Also note that if you do not want all the posts to show on the front page, then you can create a static front page for your site, and also create a “blog” page for your posts to display on, but that’s optional.
    http://en.support.wordpress.com/pages/
    http://en.support.wordpress.com/pages/front-page/

  4. timethief
    Member

    Edit: "Also I do think " was meant to be "Also I do not think"

  5. designsimply
    Staff

    For some basics, check out this help page: http://en.support.wordpress.com/css-basics/

    Note that CSS is theme-specific. I checked http://jeuneetconne.com/ and I see that you're currently using the Chunk theme.

    1. To make the sidebar wider, you might start with something like this: 

    #container {
	width: 830px;
}
#contents {
	margin-left: 228px;
}

.hentry .entry-meta {
	margin: 35px 0 0 -229px;
	width: 220px;
}

    2. You should be able to add category pages to the top navigation. Is it just the heading for category pages that you don't like? http://jeuneetconne.com/category/la-mode/celebrity/

    3. Each theme is unique and you can use CSS to modify how a theme looks, but you cannot use it to create new content such as a new sidebar. The Chunk theme displays a sidebar at the bottom of the home page and archives pages. Would that theme work out for you if you displayed fewer posts per page?

  6. lenaelmone
    Member

    Hi,

    Thanks for all the help.

    designsimply:

    2. Every time I would like the pages I would come to that exact page that you linked but I don't want the "Filed under celebrity" to show up. For example if you go to http://kertzonfashion.com/ and click on the categories on top they don't have that. I'm wondering if it's because she has the Clean home theme or if she has a specific way of doing that. Would appreciate if you had any feedback on that.

    Thanks again!!

  7. designsimply
    Staff

    Gotcha. Okay. The following CSS will remove the top heading from category pages such as http://jeuneetconne.com/category/la-mode/celebrity/

    .archive #container .page-title h2 {
     display: none;
}

  8. lenaelmone
    Member

    Yes that's exactly what I wanted.

    Thanks so much for your help!

  9. designsimply
    Staff

    Cheers. :)

  10. lenaelmone
    Member

    Two more questions:

    1. Is there a way to make the font smaller where it says the categorie and what not?
    2. Can I make the font smaller where the individual pages are so they can all fit?

    Thanks!

  11. thesacredpath
    Member

    The following are the original sizes which you can edit as you see fit.

    Date:

    .hentry .entry-meta .date {
font-size: 25px;
}

    Leave a comment link:

    .hentry .entry-meta .comments a {
font-size: 22px;
}

    Categories:

    .hentry .entry-meta .cat-links {
font-size: 16px;
}

  12. thesacredpath
    Member

    For the menu you can play with the font size (18px is original) and also the left/right margin (the 10px value). I would suggest perhaps reducing both by a little so that the font size doesn't have to get too small. Also realize that each browser renders slightly differently, so in some browsers it might still break to two lines if you are close to the maximum available width. Also if someone has their browser set to display larger fonts, or are zoomed in, it could break to two lines.

    #menu a {
font-size: 18px;
margin: 0 10px;
}

  13. lenaelmone
    Member

    Hey,

    Thanks a lot. That definitely helped!

    While I'm at it I'm revamping my other blog which showcases my art, http://www.veriteliberte.com

    I wanted to know if it was possible to move the top part with the pages (about and contact) from over the header to under.

    Much appreciated, thanks!

  14. lenaelmone
    Member

    Also, I just noticed this problem but on my blog http://www.jeuneetconne.com I recently put pages up under my header linked to my categories. I did this by putting , (of course with the individual links), but some of them are working and the last 3 are not. I don't know if anyone would know why but any suggestions would help!

    Thanks again.

  15. lenaelmone
    Member

    Never mind about the pages I fixed that problem myself. I just need help for the last time, I want to change the font size of the pages on top so that they become separate than the post titles.

    Again I really appreciate everyone's help!

  16. designsimply
    Staff

    First, try adjusting the headings size on the Appearance → Custom Design → Fonts page and see if that doest the trick.

  17. designsimply
    Staff

    Hmm, that may actually adjust more headings than you want to change. If you just want to target a font size increase for post headings only in the Chunk theme, try this:

    .entry-title a {
    font-size: 160%;
}

    Adjust the percentage as necessary.

  18. bodypuzzle
    Member

    So glad I found this support page for Chunk. Terrific theme, with a bold, dramatic header. Exactly what I was looking for.

    But I'm having a slight problem. The posts on my main page are appearing oldest date first. I checked all the settings, but couldn't find any place to change to latest post first. Did I miss something?

    Any help would be appreciated. Thanks.

  19. timethief
    Member

    @bodypuzzle
    Hello there,
    The blog linked to your username is not using the Chunk theme; It is wearing Greyzed. Your question is also off-topic for this CSS Forum thread but I will answer it this one time. When we first begin a blog we need to set our date and timezone up here > Settings . General. If we don't do that then the default is UTC time. Go to that page and set it up to reflect your own date and timezone. Then edit any posts that are not in order and change the date stamps in the Publish module. Illustration here > http://en.support.wordpress.com/posts/schedule-a-post/

  20. bodypuzzle
    Member

    I agree setting timezone is a very general concept when we first begin a blog. That was the first thing I did with my first blog more than two years ago. I also did that with the new blog under my username, which uses the Chunk theme. Alas, no dice. I'll keep searching for a solution, since I'm still having a problem.

    Thanks for answering my question...this one time. Next time, I'll be sure I'm in the right help forum.

  21. timethief
    Member

    @bodypuzzle
    Will you please post an active link starting with http:// to the blog wearing the Chunk theme?

  22. thesacredpath
    Member

    Seriously, we can't help unless we can see the site to see what is happening.

  23. arturoramon
    Member

    Does anyone know how to remove the "just another wordpress.com site" from underneath the Chunk Theme title. Or at least how to edit that text?

  24. timethief
    Member

    On any theme here you can change the blog title and/or tagline on this page at any time you wish > Settings > General

  25. arturoramon
    Member

    What about being able to add multiple posts to the different pages? Right now I can edit the page but I can't post to them with the ability to title them individually or for them to have the availability to be commented on. I would also Like to be able to share with facebook. The only page that seems to have these capabilities is my HOME page.

  26. timethief
    Member

    @arturoramon
    Your questions have nothing whatsover to do with CSS editing the Chunk theme and that's what this thread is supposed to be focused on. Please start your own threads rather than posting off-topic in this one. http://en.forums.wordpress.com/forum/support#postform

  27. lenaelmone
    Member

    Hi again.

    I was just wondering if there was a way to move everything under the header to the left so that my posts are more centered?

    Thanks!!

    http://www.jeuneetconne.com

  28. lenaelmone
    Member

    Also I was wondering if this was because of the Chunk theme or if I was doing something wrong when posting but whenever I type my post in with double spaces and such once I publish the post it reverts every kind of spacing I did back to single spaced paragraphs. Was wondering if I had to go to the HTML side of the editor and add in the specific code for paragraph spacing.

    Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags