Jump to content

Archived

This topic is now archived and is closed to further replies.

liberatedspaces

reduce height of the full width sidebar

Recommended Posts

liberatedspaces    0
liberatedspaces

I'm trying to reduce the height of my full width sidebar that houses the email and LinkedIn links, at the bottom of this site:

http://www.sveneberlein.com/anika/

 

I've reduced the padding in the div style of the widget to 0.1px and the line height to 0, but I still have more red space between the text and the edge of the box than I'd like. I just want to trim the height of the sidebar a bit more, so that it's the same height as the nav bar.

 

Any advice is much appreciated!

Share this post


Link to post
Share on other sites
batman    389
batman

Hi liberatedspaces

I´m not sure, but please, you can give a chance to

 

p { 
margin: 1.3em 0;}


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
liberatedspaces    0
liberatedspaces

awesome, thanks Bat learning, that worked beautifully!

Share this post


Link to post
Share on other sites
batman    389
batman

No problem, I´m glad to help you


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites

  • Similar Content

    • Anthony CALCI
      By Anthony CALCI+
      Hello,
      I have switched from the Framwork theme to DMS theme on http://calcipatrimoine.theproofingcompany.fr (miror site of http://calci-patrimoine.com).
      But I have now only the Primary sidebar in the Widget section ! Secondary sidear, Footer sidebar have all disapear...
      Can I have help to have them back ?
      Regards,
      Anthony
    • lbhansen
      By lbhansen+
      I am slowly getting closer to something I like for the general appearance of my site. What's currently nagging me is trying to remove the top and bottom padding/margin from the image in the header. It seems that I've done what I want with the menu but there was dead space above the image and between the image and menu.
      Trying out padding and margin settings, I got something that came close to what I want but saw odd behavior along the way. Changing either the top or bottom padding to 0 (from blank), removed all padding from the top and sides but left a small band between the image and menu.
      Setting all eight padding and margin settings to 0 removed all except the band between image and menu. (But it seems that entering 0 in only the top or bottom padding option is all that was needed.)
      So, heading into the twilight zone, I changed the bottom margin to -1. That removed the band but allowed the menu to slightly overlap the image. AND, narrowing the browser, or viewing on a phone, caused the band to reappear.
      Perhaps there's also a problem with the menu but I don't see it.
      So that's where it stands at the moment: http://756.a44.myftpupload.com 
      I seems to me that if there is a default padding value, setting it to 0 should be all that's needed to get the two sections to meet perfectly on any device/browser width.
    • Perry
      By Perry+
      Hello There, 
      I am working with Platform 5 and have run into an unnerving problem. I am trying to position my clients picture along the bottom of the container, so that it sits right on the bottom. After a good hour of googling and messing with the CSS I figured I would ask the question here. Below is my screenshot displaying my problem. I will need to do this frequently in the future. 
      My Problem Image
      Unlike in DMS, when I add a margin to an embed or image box it simply makes the container larger while keeping the padding, I cannot have any padding or any space whatsoever on the bottom of my clients image.  Is there a way to remove all padding from the container so I can have this work across screen sizes? If not is there anyway to position an element directly at the bottom of another element in Platform 5? This seems like a basic feature and was easily attainable within DMS. 
      I cannot create an image combining all these elements as it will not scale well on mobile and will make my clients logo unreadable and her face incredibly small. 
       
      Thank you for any help,
      Perry
×