1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Solved Custom CSS for Bloom footer opt-in

Discussion in 'Free Divi Community Forum' started by Amy Maher, Jan 11, 2021 at 12:10 PM.

  1. Amy Maher

    Amy Maher New Member

    Hello - I am trying to adjust the spacing for my Bloom footer opt-in so the form fields are higher and also left aligned with the header in the footer - https://share.getcloudapp.com/7KubrbA0

    Originally I tried:
    .et_bloom_header_outer { display: none !important; }

    This worked to remove the space above the form fields, HOWEVER it removed the header for all my Bloom forms, which I don't want to do.

    Is there a way to make these adjustments (remove header space & move to the left) on this Bloom form only?
    1. AD Awesome ways to display testimonials in your Divi site: https://divi.help/link-forums/testimonial-slider.148/
  2. Hi @Amy Maher - Could you please share your site so that I can give you the specific CSS code you need :)

  3. Amy Maher

    Amy Maher New Member

    Thank you! It is wedfuly.com.
    1. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/
  4. Hey Amy - Just add this css. See screenshot for the output.

    #main-footer .et_bloom_form_header.et_bloom_header_text_dark {
    display: none;

    #main-footer .et_bloom_form_content.et_bloom_1_field.et_bloom_bottom_stacked {
    padding: 0;


    Attached Files:

  5. Amy Maher

    Amy Maher New Member

    Wow, thank you so much!
    1. AD Easily add Mega Menu for your Divi site: https://divi.help/link-forums/divi-mega-pro.149/