WordPress.com

1. therapiesyoudeserve
   Member
   Jun 30, 2012, 8:07 PM

   Hey all.
   I'm trying to teach myself basic CSS through this blog and I'm wanting to do some things I haven't figured out yet.
   I'm working with Toolbox and
   1) I want my "categories" list to be listed on the left side, underneath the header
   2) have titles for the pictures show up
   3) the "postings, comment, edit" I would like centered underneath each post

   Thanks so much!

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

2. designsimply
   Staff
   Jul 2, 2012, 7:47 PM

   First, note that when you select the "Add my CSS" option on the Appearance → Custom Design → CSS page (recommended), then you should not copy and paste the entire original stylesheet into the custom CSS editor. Instead, you should just add in CSS for the things you'd like to change.

3. designsimply
   Staff
   Jul 2, 2012, 7:47 PM

   1) I want my "categories" list to be listed on the left side, underneath the header

   All of your posts are currently using the "Image" post format, and categories aren't displayed for those posts. Please switch at least one of the posts to the standard format in order to see the categories.

   One way to move content around in a layout is to use absolute positioning. It's not a perfect solution because it requires that you know the exact position where you want the content placed and will be the same for every single case. For example, if you setup the categories to display just below post titles, that assumes you know exactly how tall every post title will be. If you had any really long post titles that fell over onto two lines, it would overlap with the categories. Here is a basic absolute positioning block which I tested on a plain Toolbox setup with no other custom styles. You can test this out and adjust it to see how it works:

   .post {
   	position: relative;
   }
   .post .entry-meta .cat-links {
   	position: absolute;
   	top: 2em;
   	left: 0;
   }

   Note that your CSS will probably need to be adjusted to take any CSS you have added that affects spacing and layout. Experiment with the top value until it fits in your setup.

4. designsimply
   Staff
   Jul 2, 2012, 7:48 PM

   2) have titles for the pictures show up

   The titles that are saved in the media library are only displayed in the Carousel or attachment pages for images. You could add a caption though. See step 4 at http://en.support.wordpress.com/images/#upload-images-from-your-computer

5. designsimply
   Staff
   Jul 2, 2012, 7:48 PM

   3) the "postings, comment, edit" I would like centered underneath each post

   Try this out:

   .entry-meta {
   	text-align: center;
   }

Topic Closed

This topic has been closed to new replies.