Changing archived posts on home page in Chateau

• 

  elizabethhallmagill · Member · Sep 7, 2011 at 1:01 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’m working with the Chateau theme, and I’ve chosen the theme option that displays archived posts at the bottom of the page. I was wondering if it’s possible to do the following:

  1. Change the archived posts to sticky posts, so that I can display four posts of my choosing on the bottom half of the page rather than the four most recent posts.

  2. Change the header “Previous Articles” to “Featured Posts”.

  3. Move the excerpts of text so that they are left-aligned (and line up with the picture and text on the top half of the page).

  I’ve been attempting to do some of this, but I can’t identify which pieces of code control the archived posts on the home page.

  Thanks,

  Elizabeth Magill

  The blog I need help with is: (visible only to logged in users)

• 

  1tess · Moderator Emeritus · Sep 7, 2011 at 1:38 pm

  • Copy link

  CSS only changes the appearance of your blog, not the underlying code that makes your blog function.
  #1. would certainly require a change to the underlying code to allow you to choose four posts

  But you could, without CSS, make a “Featured Posts” category then categorize the four posts you choose as “Featured Posts.” The header should then read “Featured Posts.”

• 

  elizabethhallmagill · Member · Sep 7, 2011 at 1:59 pm

  • Copy link

  I’ve made the category, and when I choose it I see the four posts and the heading “Category Archives: Featured Posts.” Did you mean the header on the bottom of the home page could read “Featured Posts”? Or is that change only possible with a change to the underlying code?

  Thanks for your help!

• 

  designsimply · Member · Sep 7, 2011 at 2:27 pm

  • Copy link

  The heading “Previous articles” is set in the theme code in the Chateau theme, so that one can’t be changed with CSS. There is a way to add text, but keep in mind that it is not supported in all of the browsers. Here’s an example:

  .more-posts .notice:after {
       content: " and Featured Posts";
  }

• 

  designsimply · Member · Sep 7, 2011 at 2:31 pm

  • Copy link

  Try this to get rid of the left padding of the “Previous articles” section in Chateau’s home page:

  #more-posts-inner {
  	padding: 0px;
  }
  .more-posts .notice {
  	padding: 20px 0px 18px 20px;
  }

• 

  elizabethhallmagill · Member · Sep 7, 2011 at 2:31 pm

  • Copy link

  Ok, I’ll play around with that–thanks!

• 

  elizabethhallmagill · Member · Sep 7, 2011 at 2:32 pm

  • Copy link

  Oh, what about #3, moving the text of the archived posts so that they’re left-aligned? I know how to change alignment, but wasn’t sure which piece of code controls those posts.

• 

  elizabethhallmagill · Member · Sep 7, 2011 at 2:36 pm

  • Copy link

  That did it–thanks!

• 

  designsimply · Member · Sep 7, 2011 at 2:36 pm

  • Copy link

  You mean the four square blocks of text currently showing under the “Previous articles” heading, right? Try the CSS I just posted before. (We might be overlapping a bit on comments!) :)

• 

  designsimply · Member · Sep 7, 2011 at 2:36 pm

  • Copy link

  Hah. We both commented at the exact same time again. :)