On Demand Press 75 Theme: Aligning text/headings

  • Author
    Posts
  • #873304

    markjagdev
    Member

    Hi guys/girls,

    I have recently received some excellent help here: https://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: https://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.

    #873447

    markjagdev
    Member

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

    #873448

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

    #873449

    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.

    #873450

    markjagdev
    Member

    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?

    #873451

    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;
    }
    #873453

    markjagdev
    Member

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

    #873469

    markjagdev
    Member

    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?

    #873471

    You too! Cheers :)

    #873591

    markjagdev
    Member

    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!

    #873650

    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;
    }

The topic ‘On Demand Press 75 Theme: Aligning text/headings’ is closed to new replies.