• Resolved viensia

    (@viensia)


    Is there a way to change the height in “footer area one”? I added this to my child css `#supplementary {
    border-top: 1px solid #ddd;
    padding: 0.625em 4%;
    overflow: hidden;` and it changed the top padding, but not the bottom. I would put a link to the site, but it’s currently hidden at the owner’s request. Is there a plugin that would accomplish this? I searched but found nothing. Any help would be greatly appreciated!

Viewing 13 replies - 1 through 13 (of 13 total)
  • Depends on your theme and site…really no way to know without more info.

    Thread Starter viensia

    (@viensia)

    HI WPyogi, don’t know if this will help, but it’s 2011 w/WP 3.5.1

    I also added the social media widget plugin in this 2nd footer, but with smaller 24px icons. Would that affect my ability to shrink the height??

    Thread Starter viensia

    (@viensia)

    I can unhide it quickly, just so you can take a look at what I mean. Would that help?

    Thread Starter viensia

    (@viensia)

    I really don’t mean to bump the thread or double post, I’m sorry about that!!

    I would like to shorten the height of the supplementary footer (regular footer is hidden, for now)in https://nolagoodeats.com. If possible, I would also like to move the text (links or title) next to the facebook and twitter icons, rather than above (or below them).

    Also, would anyone know how to get rid of the small vertical bar at the bottom of the page (above the footer)?

    Thank you in advance for your help, it is greatly appreciated!!

    It will work better if you switch the order of those widgets – then use float in the first one (with the social icons) to put it side by side with the text one – you’ll need to set a less than 100% width on the text one.

    Thread Starter viensia

    (@viensia)

    Hi Wpyogi! OK, I switched the order but do not see a way to float in social widget menu, only left, right or center. I’m really inexperienced with this, is there a way to do this via either child style.css or perhaps the Social Media Widget.css in the wp-content folder?

    See how this works – add to your style.css file:

    #supplementary #social-widget-2 {
       float: left;
       width: 100px;
       margin-top: 20px
    }
    
    #supplementary #text-2 {
       width: 400px;
       clear: none;
       float: right;
       margin-right: 300px;
    }

    To get rid of that line, add:

    #supplementary {
        border-top: none !important;
    }

    Thread Starter viensia

    (@viensia)

    Wow, just the trick! I can’t thank you enough, I’ve been trying to get this for 2 days. It all makes sense now, well a lot more than before! I’ll tell you, I’ve learned more from this forum (even simply stalking it) than anywhere else. Thanks again!!

    Thread Starter viensia

    (@viensia)

    BTW, you wouldn’t happen to know how to get rid of the vertical line above the footer to the left of the page, would you? I’m guessing it’s there because it’s not a static front page.

    Oh sorry, I answered about the horizontal line – LOL! Add this:

    .entry-utility {
      display: none;
    }

    I’ve learned more from this forum (even simply stalking it) than anywhere else

    LOL – that kind of stalking is quite good to hear about – ha ha! And I’m glad we manage to be helpful :).

    Thread Starter viensia

    (@viensia)

    You all are quite helpful, and greatly appreciated!

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Change height in #supplementary footer’ is closed to new replies.