Why so tall?

User 10077 Photo


Senior Advisor
1,095 posts

URL: http://uscni.net/blueheron/blueheroncardscom/

The blue header is much too tall. I'd like it to be about 30px. I've removed the margins and top/bottom padding from everything I can find. The social media icon height is set to 30px. I'm hoping that perhaps a different set of eyes can tell me what I'm missing.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including training for Site Designer and Web Form Builder via Zoom.
Email me at support@usconsumernet.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 2484360 Photo


Registered User
3,293 posts

Brain,

Your social media icons take up 54px height. You would need to decrease their size to make the header smaller. You can also reduce the line height on the menu to remove some space.
User 10077 Photo


Senior Advisor
1,095 posts

That's what I thought, but the height and width in BB are set to 30x30 pixels, and I can't find any top/bottom margins that aren't 0. With a bit more investigation (thanks to Chrome Inspector), I discovered that the icons have a 10px margin (.icon-facebook-cl a.buttons). However, I can't find that in BB to change it. Is that a default button setting or am I missing something?
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including training for Site Designer and Web Form Builder via Zoom.
Email me at support@usconsumernet.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 187934 Photo


Senior Advisor
20,181 posts

Main.css line 286 put a max-height in.
.container.cont-socialmedia
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 10077 Photo


Senior Advisor
1,095 posts

Adam, thanks for the help. It got me looking further and I found that the button margin was the culprit. Eric, thanks to you too. I added the max-height in my custom.css and got the result I wanted.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including training for Site Designer and Web Form Builder via Zoom.
Email me at support@usconsumernet.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.