• okay, so i’m trying a third time for some help, seems nobody wants to help me out of atleast point me in the right direction, im not trying to get people to do anything for me, but i seriously just need help on this or understanding what i need to do. my page,

    https://www.wearefreshlybaked.com

    when you click on the posts (i’ll even provide you a link)

    https://wearefreshlybaked.com/?p=132

    the post text is located on the right hand side. I want it to be positioned below the photo like a normal blog, but don’t know how. I do have firebug but all it does is adjust the spacing in between lettering or words and does not adjust anything as far as moving the full body text or post text below the photo. Can anyone help me on this? What must i edit to get that text below the photo? Thanks to anyone who helps me.

Viewing 3 replies - 1 through 3 (of 3 total)
  • I take it you uploaded the image in the visual editor. This first part outlines the simplest solution and assumes you made a mistake when you uploaded the image, which may not be the case (in fact I suspect it’s not, but am including it for completeness).

    It being the case, though, edit the post in which you have the image. In the visual editor, click on the image and then when the icons appear over the image, click on the ‘Edit Image’ icon.

    Change the alignment to ‘None’ (or ‘Center’)

    Make sure you have a new line between the image and the text.

    If you already did that, but the text is still to the right of the image, you need to look at this style rule:

    p img {
      float: left;
      ...
    }

    It’s in this style sheet, which is imported into the theme’s style.css.

    Add a new style rule as follows:

    p img {
      float: none;
    }

    As usual, I would advise you to make all changes to styles in a Child Theme if at all possible. It takes about five minutes to do and is the only recommended way of making changes to themes other than ones you write yourself, of course.

    The new rule should be added to the end of the style sheet.

    HTH

    PAE

    Thread Starter drfunk1986

    (@drfunk1986)

    when you mean write the code into a child theme, do you mean opening a Notepad doc, and saving the css/html code and uploading it into my main hosting where the wordpress layout is located? Sorry if i sound completely rookie to this and it’s because i am and i don’t wanna ruin anything that i’ve currently set in place ( just scared of ruining everything and having to start ALLLLL OVER). Is this what it should look like on the notepad doc?

    example:

    /*
    Theme Name: The Morning After
    Theme URI: http: //example.com/
    Description: Child theme for the Morning After theme
    Author: (My Name)
    Author URI: http: //example.com/about/
    Template: themorningafter
    Version: 0.1.0
    */

    p img {
    float: none;
    }

    Creating a child theme and making your changes there is the only recommended way of making changes to themes. Some people think that this is overkill for small changes. My own view is that creating a child theme is so easy, you’d might as well do it.

    To create a child theme, you follow the instructions at the end of the link I posted in my last post. They’re quite simple:

    • Create a folder for your theme in wp_content/themes
    • Create a file in that folder called style.css
    • Add the necessary comments to the top of style.css
    • Add an @import statement immediately after the comment block in order to import the styles from the parent theme

    For details, follow the link. I normally create the directory, initially, on my local machine in some convenient location. I then create and edit the style.css file inside that directory and then upload the directory and its contents using an FTP client (FileZilla, in my case).

    The comment block in your child theme’s style.css file should contain the name of your theme, which is an arbitrary string, but obviously should not be the same name as your parent theme. It also needs to contain the name of the template (i.e. the parent), in the form of the name of the directory in which the parent theme is to be found. Note that directory names are case sensitive.

    Once you have done this, you can go to Dashboard –> Appearance –> Themes and activate your child theme. Your site should look exactly as it did before, although you may have to redo some of the configurations you did in the parent theme, such as assigning a primary navigation menu and so on.

    When your child theme is working, you can add your new style rules to the end of the child theme style.css file. You can do this from the Dashboard editor if that’s your preferred way of doing things.

    If you don’t want to create a child theme and are happy to risk updates to your theme overwriting any changes you make, then you can just add any new styles you want, to the bottom of your theme’s style sheet; using the Dashboard editor, if you want. The chances of updates overwriting your changes are not usually all that great, to be honest, unless you are using a default theme. However, if you have made changes to a theme directly, it is always wise to ensure you have a backup of your changes so that you can put them back if they do get overwritten.

    HTH

    PAE

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘HELP moving my post text to different position’ is closed to new replies.