Adjusting specific index page section height

Site URL: https://plenitudpr.org/donate

Hi!

I am trying to adjust the height for a specific index page section on my donation page. Could you support with custom css to adjust the yellow index page section with slug #buttons?

Hi. Where is yellow section? Can you take a screenshot?

Hi tuanphan,

Thanks for your response, attached is the screenshot of the section.

On 1/13/2021 at 7:23 PM, PlenitudPR said:

Hi tuanphan,

Thanks for your response, attached is the screenshot of the section.

Add to Design > Custom CSS

section#buttons {
    min-height: unset;
}
section#buttons>div {
    padding-top: 1px;
    padding-bottom: 1px;
}

Hi thuanpan,

Thank you very much this is helpful. The custom CSS provided is helping to adjust the height at the top and bottom of the section. Is there a way to also adjust the width between the text and the buttons?

Also, I have this same page duplicated in a second language (https://www.plenitudpr.org/dona) and I don't see the changes being applied to it after adding the custom CSS. What should I adjust in order to have it reflected in both pages?

On 1/20/2021 at 7:23 PM, PlenitudPR said:

Hi thuanpan,

Thank you very much this is helpful. The custom CSS provided is helping to adjust the height at the top and bottom of the section. Is there a way to also adjust the width between the text and the buttons?

You mean button text- border?

On 1/20/2021 at 7:33 PM, PlenitudPR said:

Also, I have this same page duplicated in a second language (https://www.plenitudpr.org/dona) and I don't see the changes being applied to it after adding the custom CSS. What should I adjust in order to have it reflected in both pages?

 

Replace section#button with

section#botones

That works very well, thank you!