Button seems to be adding too much bottom padding

leadoptimize

http://dev.thinkreliability.com/root-cause-analysis/cause-mapping-basic-definition/cause-mapping-hurricane-katrina/

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: http://dev.thinkreliability.com/root-cause-analysis/education-for-root-cause-analysis/attendee-download-and-resource-center/   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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

leadoptimize

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 http://dev.thinkreliability.com/root-cause-analysis/cause-mapping-basic-definition/cause-mapping-hurricane-katrina/

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

leadoptimize

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

leadoptimize

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

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next