Button seems to be adding too much bottom padding

leadoptimize · December 2015

[Links visible only for registered users]

In the second grey row at the top - that is using muffin builder - 2/3 and 1/3 Visual Editor blocks. How do I add left, right, top and bottom padding to this Muffin Builder section that is background color #eeeeee ?

Also, the button seems to be adding too much bottom padding. I have seen this on another page as well: [Links visible only for registered users] On this page, in the rows with not enough lines of text, you can see that the button bottom padding (or margin) is adding too much space.

What is causing this? I tried to fix it on both pages with custom css but was unable to. Please help.

Thanks,

Rob

Albert · December 2015

Hi,

1) First, please set class name for that section so we can control this padding per this section only.

2) Do you mean "Cause Mapping Templates"? If that's what you man, the button text is too long and that's why it is how it looks. To be honest, we do not have any suggestion to change this look.

leadoptimize · December 2015

Specifically, I am referring to the second gray bar with the words HURRICANE KATRINA to the left and the the blue REGISTER NOW button to the right ... on the page [Links visible only for registered users]

I added this class to that section: case-study-title-list

I just want it to have comfortable padding on all sides. The big problem is the bottom padding that I think the button is causing. Like I said, there is another page having this problem on my site, but if you can help me solve the issue on this page, I assume that will help me solve the problem on the other other page.

Albert · December 2015

Ok. So to add the padding for the section where "HURRICANE KATRINA" words are, please use below css:

.section.case-study-title-list { padding: 20px !important; }
.section.case-study-title-list p a, .section.case-study-title-list p { margin-bottom: 0 !important; }

leadoptimize · December 2015

Awesome. That did it. Do you know why that padding could not be controlled as normal in theme options. Was it conflicting custom css?

Albert · December 2015

We don't know why it does not work in your case. There is too many reasons why this may happen. As a solution, we only found above css.

leadoptimize · December 2015

In either case it worked great on all page with the problem. Thanks

Albert · December 2015

You're welcome

Button seems to be adding too much bottom padding

Comments

This website uses cookies