Support » Fixing WordPress » Adding padding to my content posts

Viewing 9 replies - 1 through 9 (of 9 total)
  • Add this to custom css feature (if your theme supports it—or a custom css plugin) or your child theme’s style sheet:

    .single-post-content .content {
        width: 300px;
    }
    Thread Starter jgbleir

    (@jgbleir)

    Thanks for the response! It seems like this made the entire post shrink to 300 px, would it be possible to keep the images full size but only shrink the text to 300 px? Also it moved all the content to the left, how would I put in padding or margins to center this?

    Hey jbleir,

    Try this,

    .single-post-content .content {
        max-width: 800px;
        width: 400px;
    }

    and adapt to the size you need.

    I suggest you read a few tutorials about CSS, trust me it’s very useful:
    http://www.w3schools.com/css/css_padding.asp

    Or buy a book about CSS, it’s worth not much than $10 bucks for 200 pages and will help you for a tons of new websites, including ones with WP.

    Thread Starter jgbleir

    (@jgbleir)

    THanks, this website was very helpful for setting up the padding and margin of the content however I’m still struggling with allow the pictures to take up a different width than the words. As of now I am only able to make the entire page contstrained to the same margins.

    @jgbleir

    Well WordPress use a kind of block structure like this ascii work:

    —- —— —-

    —- —— —-

    From left to right, as for your first issue, images can be adapted by CSS too.
    It shows the 3 basic colums. one at left, one center which is larger and in general makes the content page with posts, and one at right.

    Now in the post/page editor, you use images, the bigger the better, you can reduce the size in media library before putting it in post. Or use CSS to adapt its size. All that is very difficult to tell / help if no website to see.

    Regards,

    Thread Starter jgbleir

    (@jgbleir)

    Here is a link to my website: KarunaOutdoor.com and an example of a post on my website: http://karunaoutdoor.com/2015/11/06/work-9-5-can/

    Moderator t-p

    (@t-p)

    – Your currently used theme is not in the wordpress.org/themes/ directory: https://wordpress.org/themes/search/Hiroto/

    – These forums are for free themes available in the WordPress theme directory at wordpress.org/themes/. So please contact the developer/vendor directly for support with your question. You’ll be more likely to find a good answer from them, for they have the access to its code. Forum volunteers are not given access to commercial/custom products, so they would not know why your /custom/commercial theme or plugin is not working properly. The developers/vendors are responsible for supporting their custom/commercial product. See http://codex.wordpress.org/Forum_Welcome#Commercial_Products

    Thread Starter jgbleir

    (@jgbleir)

    Hi Tara, I don’t this is a problem with the theme itself, its just using simple css coding that I’m still trying to build my skills in so not anything specifically applicable to this theme itself but rather something that can be done in any theme. Thanks.

    Moderator t-p

    (@t-p)

    There are many tools available for this kind of CSS work, for example:
    – Firefox with Firebug add-on: Help info on Firebug https://getfirebug.com/faq/
    – Newer IE/Chrome, etc., have similar tools
    – Alternately, try a dedicated CSS resource such as http://www.css-discuss.org/
    – Also, consider creating a child theme otherwise all your customization will be overwritten when you next update your theme.
    Alternately, use Custom CSS Manager plugin: http://wordpress.org/plugins/custom-css-manager-plugin/

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Adding padding to my content posts’ is closed to new replies.