WordPress.org

Ready to get started?Download WordPress

Forums

Changing how posts appear (6 posts)

  1. jennifer2010
    Member
    Posted 2 years ago #

    Hi everyone,

    I'd like to change how posts appear. I'm using a child theme with Twenty Eleven as the parent theme.

    This is how I'd like posts to appear:
    http://www.imagebam.com/image/bebfb2188297041

    Here's what I'm trying to do:

    1) Each post has an image which will always be the exact same dimensions, but will always be a different picture.
    2) The post title is under the post's image
    3) The post's text content is under the post's title which itself is centered above the text content
    4) The bottom right of every single post contains a "watch now!" button graphic which will be in every single post.
    5) There's padding (or margin) - about 15px or so inside the post box.

    I'm not sure about the best way to do this.

    I realize this could be done by stripping the post title from the css for posts and manually adding it myself - and also manually adding the image in each post, the graphic and the text the way I want - however if I ever want to change someone (like move the buttom from the right to the left, or the image on the bottom) - I would have to edit every single post, which would be too time consuming if I have hundreds of them...

    Thank you for any help!

  2. Kurt
    Member
    Posted 2 years ago #

    Jennifer:

    The best way would be to modify the template - content-single.php. Copy the content-single.php file from the parent folder to your computer. Modify it to meet your needs. Upload it to the child theme folder. Once it's in the child theme folder, the modified version will run from the child folder.

    Use the featured image option in the post editor. Modify the template to insert the featured image before the post title. Then insert the title, content and the button in the template.

    Modify the CSS to center the title above the content. You may need to use CSS for other elements like the featured image and button.

    If you ever want to modify your posts, just modify the template (content-single.php) or edit the CSS.

  3. Galbiez
    Member
    Posted 2 years ago #

    Kurt:
    I have been trying to edit the CSS file. When I make a change to what I think should be the right place -- there is no change to the pages/posts. I'm not sure where to turn from here -- obviously I am a beginner with WP. thanks for any enlightenment you can provide.
    Meg

  4. Kurt
    Member
    Posted 2 years ago #

    Meg:

    Are we talking about the same website? If not, it would be better to start a new thread (post a new question).

  5. Galbiez
    Member
    Posted 2 years ago #

    Not the same site, but the same theme. the site I'm talking about is http://www.megsprojectbags.com . If you go there, the posts have a red title and I want to change that. If I need to start a new thread will....thanks

  6. Kurt
    Member
    Posted 2 years ago #

    Meg:

    Yes, you should start a new thread. The conversations get muddled if two or more are occurring at the same time.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.