WordPress.org

Ready to get started?Download WordPress

Forums

Picture Sizing and Frames/Borders (2 posts)

  1. alisa.sharp
    Member
    Posted 1 year ago #

    I am using twenty eleven and I have already created a child theme. There are two things I am having trouble locating or fixing (please note I am utterly helpless novice at css!).

    First, I would like to put a border (or frames) around each individual post, is this possible?

    Second, I don't know what part of the code shows the width of my column. I would like to size my pictures so they take the same space as the test. Suggestions?

    Thanks in advance for your help. My site is http://www.eatdrinktravelrepeat.com

  2. vtxyzzy
    Member
    Posted 1 year ago #

    I think this will size your images the way you want.

    First, you will need to add a rule to your style.css to resize all the images that you assign to the 'fullwidth' class. Add this to the end of style.css:

    img.fullwidth {
       width: 100%;
       height: auto;
    }

    Next, you will need to add the 'fullwidth' class to each image that you need to expand. You can do this by installing the Ultimate TinyMCE plugin which adds additional capabilities to the editor.

    You will need to configure the plugin by going to Admin->Settings->Ultimate TinyMCE, clicking 'Default Settings', checking 'Please confirm before proceeding' and clicking 'Load Defaults'.

    Now, edit a post and click on an image. You should see two small icons pop up at the top of the image. Click on the one that looks like a picture to open the image edit dialog.

    Click 'Advanced Settings' and add 'fullwidth' to the box for 'CSS Class'. Be sure there is a space between that and any other classes that are already there.

    Scroll down and click 'Update' to save the changes.

    Update the post and that should do it.

Topic Closed

This topic has been closed to new replies.

About this Topic