Need help? Check out our Support site, then


Make overall site width bigger? Remove comment option, facebook and twitter?

  1. Hi Everyone,
    On the theme i am using i need to actually make the overall width of the body more wide. Also when its displayed in IE it looks terrible. Looks fine in chrome,firefox etc, but IE just doesnt work great.

    I have these little sqaure boxes in paragraphs etc. i need to remove those?

    How do i make the width of the body of the website bigger or a %?

    How can i remove the facebook/twitter buttons at the bottom of every post?

    How can i remove/hide the text "leave comment"?

    Thanks for all your help, New to word press, i love it so far!

    The blog I need help with is continuprint.wordpress.com.

  2. All CSS editing is theme specific. If you are not referring to the blog wearing Nishita linked to your username then please post an active link starting with http:// to the blog you purschased the custom design upgrade for.

  3. Hi timetheif, sorry,

    http://primarycareinternalmedicine.wordpress.com is the site i am referring too.

    and i did purchase the upgrade etc. for some reason on a 1024x768 monitor i guess alot of the stuff gets cut off. I need to shrink the banner size to about 700 wide.

    and i would need the body of the site to maybe fill out to like 80% rather than what its at now...looks like 60% not sure.

    I am so use to using dreamweaver etc, switching to this is great, but also a little different becuase the customization is in different spots.

  4. Anything?

  5. Welcome!

    I have these little square boxes in paragraphs etc. i need to remove those?

    I checked http://primarycareinternalmedicine.wordpress.com/ and I see that you're currently using the Nuntius theme, but I don't see little square boxes in any of the paragraphs on the home page. If you're still having trouble with that, please provide a link to where the problem is happening for you and info about your browser and browser version.

    Little boxes like the ones you described could be caused by strange extra characters that got added to your posts somehow. Copying and pasting text from other sources is one possible culprit. You may be interested in reading this related help page:
    http://en.support.wordpress.com/microsoft-word/

  6. How do i make the width of the body of the website bigger or a %?

    How complex the answer to this one gets depends on the theme you're using. Here is an example to get you started. It's one possible way you could make the body of the Nuntius theme wider:

    body.attachment #content,
    #menu-secondary .wrap,
    #header .wrap,
    #header .wrap .header-link,
    #menu-primary div,
    #container,
    .breadcrumbs,
    #footer .wrap,
    #footer #colophon,
    #feature {
    	width: 1200px;
    }
    #container {
    	background: #fff;
    }
    #sidebar-primary {
    	background: #fafafa;
    }
    #content {
    	width: 70%;
    }
    #sidebar-primary {
    	width: 28%;
    }
    .hentry,
    body.attachment #content .hentry,
    body.attachment #comments-template,
    #sidebar-primary .widget {
    	width: auto;
    }
    #sidebar-primary .widget {
    	min-width: 90%;
    }

    Note that I removed the shaded line between the content and the sidebar by setting the #container background to white and the #sidebar-primary background color to a very light gray in this example. That's because the shaded separator and sidebar background color are setup in an image in the Nuntius theme:

    http://s1.wp.com/wp-content/themes/pub/nuntius/images/bg-container.png

    The downside to using color codes for the backgrounds in this case is that the sidebar color will look cut off if the main content area is longer than the sidebar. If you wanted to get the exact same look the separator had before, you could download the bg-container.png image linked above, make a new one the same width of the final content area width you choose, upload the new image to your media library and replace the #container and #sidebar-primary background rules with this one instead:

    #container {
    	background: url("YOUR_IMAGE_URL") repeat-y;
    }

    Replace YOUR_IMAGE_URL with the link to the image you uploaded to your media library.

  7. How can i remove the facebook/twitter buttons at the bottom of every post?

    Those are sharing buttons. You can turn them off by removing them from the "Enabled Services" section on your Settings → Sharing page in your blog dashboard.
    http://en.support.wordpress.com/sharing/

    Looks like you've already figure out how to do that for your blog.

  8. How can i remove/hide the text "leave comment"?

    Disable comments for each page and then make sure to also disable comments as a default settings for any new pages you create using the Settings → Discussion page in your blog dashboard. Also see:
    http://en.support.wordpress.com/enable-disable-comments/

  9. Oh wait, for the last question, I gave instructions for completely turning off comments. But if you wanted to just hide the "Leave a comment" text above post titles, you could use this CSS:

    .comments-link {
    	display: none;
    }

    Or to hide the "Leave a Reply" text above the comment form, you could add this:

    #respond h3 {
    	display: none;
    }
  10. I am so use to using dreamweaver etc, switching to this is great, but also a little different becuase the customization is in different spots.

    It is pretty different! I would recommend checking out how browser web inspector tools such as Firebug for Firefox work. They're invaluable.

  11. Designsimply thanks so much!

    you nailed it.

    Majority of the leave comment,facebook etc i did end up finding by scouring the site.

    the little boxes i deleted..they were "soft returns/paragraph" codes in the html

    i may try to tinker with the width but i dont want to muck it up too much now that the site is basically complete

  12. Definitely check out the web inspector in your browser, you can use it to tinker with a site's CSS without applying changes. Seriously handy stuff. :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags