Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #991602
    xsimon59
    Participant

    Hi –

    I’d like to delete the extra space below the lock at the bottom of this page – http://bostonhypnosis.com/wordpress/issues-2-2

    Was hoping to do it with pbn in class field, but it didn’t work and I couldn’t figure out how to do custom css based on your answers to other users. Can you help? Thanks.

    -Brian

    #991885
    Rue Nel
    Moderator

    Hello Brian,

    Thanks for writing in! Are you referring to this block (http://prntscr.com/b472a6)? If that’s the case, please update the contents of your text element and use this instead:

    
    <p style="text-align: center; margin-bottom: 0;">All information on this form is confidential.<br> I don’t sell or give away email addresses or any other data.<br> Any mail I may send in return is specifically issue-related (no spamming).</p>

    And if ever that is still not enough, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .x-colophon.bottom {
      padding-top: 20px;
    }

    Please let us know how it goes.

    #994038
    xsimon59
    Participant

    Thanks, but no. I’m talking about the space below the lock icon and above the text. So I’m trying to get rid of the extra space created by the custom headline that I used to get that lock size.

    #994055
    Rahul
    Moderator

    Hi there,

    In the custom box of cornerstone settings for the element add some margin :

    margin-bottom = 20px;

    Thanks

    #994147
    xsimon59
    Participant

    Sorry, I’m not following. Can you be more specific about where that’s supposed to go and what it’s supposed to go with? I tried it in the customizer and it didn’t do anything. I also tried it in the css settings for the page – that didn’t do anything either. thanks.

    #994366
    Darshana
    Moderator

    Hi there,

    Add the following JavaScript code into your Customizer, Custom > JavaScript section.

    
    jQuery(function() {
      jQuery(".x-icon-lock").parent("p").css("margin-bottom","0");
    });
    

    Hope that helps.

    #998173
    xsimon59
    Participant

    Sorry, I tried pasting into both the page and general jcustom jscript areas and it still doesn’t seem to be working. There’s still a good bit of space between the lock icon and the text below it. Is there anything else you’d suggest?

    #998391
    John Ezra
    Member

    Hi there,

    Thanks for updating the thread and sorry for the confusion. You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

    .page-id-2620 div#x-section-3 h2.h-custom-headline.h3 {
        margin-bottom:0;
    /*     margin-bottom:-10px; */
    }

    There was only a small space below the lock so if you need to reduce the space even further, you can uncomment the second rule I included as an example.

    Hope this helps – thanks!

  • <script> jQuery(function($){ $("#no-reply-991602 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>