Need help? Check out our Support site, then


Imbalance2 - Change footer widget width with CSS

  1. Hello,

    My blog, http://illoconfidential is the Imbalance2 theme and has a CSS Upgrade.

    Could someone help me with the code to change the width of the footer widget? Basically, I'd like to use just one footer widget that is as wide as the main content width of 710 pixels. Since this is an Illustration collective blog, I'd like to use this footer area for an html widget to create a "directory" of thumbnail images where each image is a clickable link to each artist's individual profile page on the site.

    I've worked with changing sidebar widths on other sites, but I'm new to this theme and would appreciate any help at all.

    Thanks in advance!
    Thomas

    The blog I need help with is illoconfidential.com.

  2. This hides the right footer area and keeps the left, sets it for float left and a width of 710px. See if this does what you are wanting. You will of course put your text widget into the "left" footer sidebar. The right will no longer function.

    #footer-left {
    float: left;
    padding-right: 0;
    width: 710px;
    }

    #footer-right {
    display: none;
    }

  3. Forgot my code tags, copy and paste this instead.

    #footer-left {
    float: left;
    padding-right: 0;
    width: 710px;
    }
    
    #footer-right {
    display: none;
    }
  4. Thanks very much for your quick response. It's greatly appreciated.

    I'm also wanting to change the size of my menu text. Should I post a new question for that?

    Thomas

  5. No, that's ok. Add this and then adjust the percentage font size value as desired.

    .menu ul a {
    font-size: 120%;
    }
  6. Thanks again. You've helped me several times over the years.

    Cheers,
    Thomas

  7. You are welcome.

  8. I'm actually now making the directory on its own page, and I'm wondering if there's a way via CSS to NOT have the dash line appear in the captions of images?

    Thanks again.

  9. Do you mean the long dash character to the left of caption text in the Imbalance 2 theme right? You can remove that with this CSS:

    .wp-caption .wp-caption-text::before {
    content: ' ';
    }
    .wp-caption .wp-caption-text {
    padding-left: 5px;
    }
  10. That's the one. Thanks a million. I'm done bugging you guys for now.

    T

  11. First thing, is you cannot remove the wordpress and theme credits in the footer of the theme. It is not allowed. You can stylize them a little to make them less prominent, but you cannot hide them.

    I can't find any captioned images on the imbalance2 demo page, nor on your site, so I can't say if it is possible or not.

  12. Sacredpath - I never asked about removing the footer and I'm very familiar and respectful of that rule. Is it not showing on my site?

    Also, I've got the answer to my caption question. Thanks!

  13. I'm not seeing the the footer credits on your site, no.

    This is what is doing the footer thing in your custom CSS.

    #footer {
    display: none;
    visibility: hidden;
    }
  14. That's weird because that code is nowhere in my CSS. I did have a footer adjustment to center it, but must have written it wrong. I've removed all my footer code to hopefully fix it so please let me know if you see it now.

    Thanks

  15. I'm seeing that in your custom CSS using Firebug in Firefox and also in the web inspector in Safari. It is reported being at line 513 in that file.

  16. This is the only code I currently see in my CSS Editor:

    .menu ul a {<br /> font-size:120%;<br /> margin-top:10px;<br /> }</p> <p>#content .entry-content {<br /> margin-left:0;<br /> width:100%;<br /> }</p> <p>#content .post_title h1,.one-column .post_title h2 {<br /> width:100%;<br /> margin:0 0 10px;<br /> }</p> <p>#comments {<br /> width:864px;<br /> padding:0 0 0 96px;<br /> }</p> <p>.wp-caption .wp-caption-text::before {<br /> content:' ';<br /> }</p> <p>.wp-caption .wp-caption-text {<br /> padding-left:5px;<br /> }

  17. What site are you talking about?

    On this site, http://thomasjamesillustration.com/ , I see a ton of custom CSS and see also that it is set with "Don't use Imbalance 2's CSS, and replace everything with my own CSS" so that there is no original CSS applied at all. The custom CSS I'm seeing on this site is 533 lines long.

  18. Gaahhhh! I just saw the link you provided in the original post.

    On the other site ( http://thomasjamesillustration.com/ ) though, you need to add the footer back in.

  19. Ok, that makes sense.

    The CSS for http://thomasjamesillustration.com is basically a CSS skin I got for the Sandbox theme, along with my own customizations. I'll dig into that to find the footer adjustment and remove it. I think I originally did that in my efforts to get rid of the smiley face.

    Thanks again.

  20. Mind if I ask where you got the CSS skin? I'm interested. :)

  21. Note that if you added back the proper footer link and placed them below your copyright statement in the left sidebar in matching text, that'd work great.

    Also, I think http://thomasjamesillustration.com/ looks wonderful!

  22. Thanks designsimply!

    I wish I could remember where I got the skin, but it was a long time ago. I was looking for a way to strip everything down so I could have a clean, "websitey" portfolio site. I found a CSS by searching the forums I think, and moved all the menu and stuff from the top to the side.

  23. It's clean and simple. The Sandbox theme has so much potential!!

  24. I agree. It's kind of scary at first, but finding a skin definitely helped to give me a good enough start to feel more confident diving in.

Topic Closed

This topic has been closed to new replies.

About this Topic