Need help? Check out our Support site, then


Adding a container in Delicious Magazine

  1. Hello,

    I have been trying to add a CSS container to my theme, Delicious Magazine. I'm not quite sure how to do this, when I try it it doesn't seem to work. What should I be adding to the CSS in order to do this?

    The blog I need help with is heathenharvest.org.

  2. You can't add HTML code to WordPress.com themes, so that could be why what you're trying to do didn't work.

    What are you trying to do exactly? Maybe you can add some CSS to make the adjustments you want instead of adding extra HTML?

    Or if I didn't understand the question, can you please post more details about what you tried already including the code?

  3. What are you trying to do exactly? Maybe you can add some CSS to make the adjustments you want instead of adding extra HTML?

    I'm trying to surround the text with a container by entering the following or similar:

    container {<br /> background-color:#000000;<br /> width: 789px;<br /> margin: auto;<br /> border-right: 1px solid #000;<br /> border-left: 1px solid #000;<br /> padding 0;<br /> }

    But it doesn't seem to be ceding a result. Any ideas why?

  4. First, "container" won't work as a selector. A selector should be based on the existing HTML in a theme. Some themes use "container" as an ID or a class, and if that were the case in your theme, then you would use "#container" for an ID or ".container" for a class. Check out this help page about selectors: http://www.htmldog.com/guides/cssbeginner/selectors/

    Also, at http://heathenharvest.org/ the background is already black and the CSS example you posted sets the background to black again and sets black borders on the right and left. Since the background is already black, those won't really show up even if you use the correct selector to set them.

    Could you provide a little more detail? Can you verify what blog URL you are working on? What text are you trying to adjust exactly? The entire content area? And could you describe how you are trying to change it? For example, are you trying to change the entire content area background color to something other than black?

  5. Sorry, I may have been being a little vague. I should have used a hexcode like #005000 as an example, since that's the colour I'm looking to change it to.

    Here is an example of the old blog. I would like to get a vertical strip running down the middle bordering the text, like in the old one, but of a greeish hue.

    The URL is heathenharvest.wordpress.com

  6. That's more helpful!

    Okay, to add a border to the left and right sides of the area where the posts are shown on the Delicious Magazine home page, try this:

    #main {
    border-right: 1px solid #005000;
    border-left: 1px solid #005000;
    padding: 0 10px;
    }

    Or, if you wanted to add shading to the sidebar to make it stand out a little like the sidebars do in your example image, try something like this:

    #sidebar {
    background: #001600;
    }

    Check out Firebug for Firefox. It's a web inspector tool that let's you right click on an element in a web page and shows you the corresponding HTML and CSS. It's very handy!

Topic Closed

This topic has been closed to new replies.

About this Topic