Need help? Check out our Support site, then


CSS Customization

  1. Hello, I'm the proud owner of the domain, http://www.tudoutilnadafutil.com
    I have a pack of custom content, but I can not make changes to the width of the posts in the CSS area.
    How do I?
    In support of said CSS ...

    "This option should be used if you modify the width of the primary content area using custom CSS. WordPress.com will use the “Content Width” to determine the default size for full-size images, videos, and some shortcode widths when they are inserted into your blog. This option will not change the width of existing images or videos that have already been embedded. Also, this option will not change the width of the blog.

    Note: This option will only work with blogs that have the Custom Design upgrade."

    The blog I need help with is tudoutilnadafutil.com.

  2. How much wider did you want the content? You need to increase the width in a couple places and then you add the amount you increase the overall theme by to the "content width" so that full-sized images will be the width of the wider post area.

  3. For example, I increase the width 100px and apply the new size is saved "old-480 -> new-580" but when I look at the blog remains the same size.

  4. The Content width in the publish module on the CSS page does NOT change the width of your theme. The width of the theme itself needs to be changed using CSS. The "content width" you set so that images will match a the new site width you set in the CSS. The CSS change comes first, and the "content width" you then increase by the same amount. This is actually a little confusing and staff should think about changing the wording on this.

    Go to appearance > custom design > CSS, delete all the informational text in the CSS edit window and paste in the following in which I've increased the site and content width by 100px. Then make sure that the "content width" in the "publish" module is 100px wider than it was originally and save your stylesheet.

    `.col-full {
    width: 1040px;
    }

    #main {
    width: 720px;
    }

  5. Shoot, I missed one of my code tags. Copy and paste the below instead

    .col-full {
    width: 1040px;
    }

    #main {
    width: 720px;
    }`

  6. One more time, use this

    .col-full {
    width: 1040px;
    }
    
    #main {
    width: 720px;
    }
  7. thank you very much, it worked perfectly, now I get to editing the size I want, I am very grateful. *-*

  8. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic