WordPress.com

1. markjagdev
   Member
   Apr 21, 2012, 11:07 AM

   Hi guys/girls,

   I have recently received some excellent help here: http://en.forums.wordpress.com/topic/on-demand-press75-theme-unclear-text-against-backgrounds?replies=28 in making my the headings of my pages and posts align to centre i.e. here the 'about' heading: http://evolutionarycities.com/about/

   I also received some great advice here: http://en.forums.wordpress.com/topic/text-aligned-to-far-to-left-of-margin-what-is-the-code-to-change-this-in-css?replies=8 to get the text to align slightly indented from the opaque background of my pages/posts.

   However... :) .. the sliding panel on the front page now has central headings and indented to the left body 'teaser' text.

   What css code will keep all the changes achieved in the previous two help/advice threads above and just change the sliding panel so that: the headings and teaser/body text both align left?

   Thank you again for all your help in advance.
   Mark

   The blog I need help with is evolutionarycities.com.

2. markjagdev
   Member
   Apr 21, 2012, 11:10 AM

   just to add to the question in the last paragraph,.. for clarification, after "both align left" I wanted to add "without any indentation" thanks.

3. designsimply
   Staff
   Apr 21, 2012, 11:12 AM

   You have a lot of CSS updates going on. :) Let me see what I can do to help sort this out...

4. designsimply
   Staff
   Apr 21, 2012, 11:22 AM

   To adjust the headings and snippet text inside the post slider in the On Demand theme without affecting other areas, try this:

   .featured-post-description h2 {
   	text-align: left;
   	padding-left: 10px;
   }

   There is padding on the left and a 230 pixel width for the featured post descriptions by default. You can adjust those using CSS like this if you'd like:

   .featured-post-description {
   	width: 275px;
   	margin-left: 0;
   }

   Try that as a starting point for adjusting the indentation, which is really setup with widths and margins in this case. Note that if you adjust the margin-left number, you should also make the width smaller at the same time or the whole block of text will fall over to below the images.

5. markjagdev
   Member
   Apr 21, 2012, 11:32 AM

   Thanks Designsimply, the 'continue reading' button seems to have moved left also and is now not aligned with the heading and text! :o ahh! how to solve this?

6. designsimply
   Staff
   Apr 21, 2012, 11:35 AM

   It hasn't moved, it was left aligned like that before. It's just noticeable now that you move the entire description block over.

   To move just the 'Continue Reading' button within that featured-post-description container that you've now moved all the way to the left, you can add something like this:

   .featured-post-description .continue {
   	margin-left: 10px;
   }

7. markjagdev
   Member
   Apr 21, 2012, 11:43 AM

   Brilliant!! Thank you and have a wonderful weekend : )

8. markjagdev
   Member
   Apr 21, 2012, 2:07 PM

   Ahh, one other thing that keeps nagging at me. How do I change the headings of each post on the front page from a central heading to aligned left with the other info of the post i.e. 'posted on:' 'category' and 'comments' - without losing the centred headings when you click into one of those posts or pages? Is that possible?

9. designsimply
   Staff
   Apr 21, 2012, 2:16 PM

   You too! Cheers :)

10. markjagdev
    Member
    Apr 22, 2012, 1:58 PM

    Hope you saw my last Q please help with that when your next working on css support, I think that will be the last of my css questions re: text. Thank you!

11. designsimply
    Staff
    Apr 24, 2012, 9:53 PM

    How do I change the headings of each post on the front page from a central heading to aligned left with the other info of the post i.e. 'posted on:' 'category' and 'comments' - without losing the centred headings when you click into one of those posts or pages? Is that possible?

    To make a change just on the home page, you can use ".home" in your selector. To make post titles on the home page of the On Demand theme left aligned, try this:

    .home h2 {
    	text-align: left;
    }

Topic Closed

This topic has been closed to new replies.