Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1117772
    saolremarketing
    Participant

    I can’t seem to figure out how to get the height of my UberMenu (hover) red button to be more vertically narrow. Is there a padding/margin that I can adjust? I don’t mind if it affects the whole button since in its normal state is transparent. Only on mouse-over does it show the red-rounded button… but it is really tall compared to other buttons on the site (see the blue button in the Revolution Slide on top of the video). If not, it is fine as I use a two row text button in the black bar that is similar in height (but the padding is more normal)

    Thanks

    #1118158
    Rue Nel
    Moderator

    Hello There,

    Thanks for posting in! To assist you better with this issue, would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    To do this, you can make a post with the following info:
    – Link to your site

    – WordPress Admin username / password (only if necessary)

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thank you.

    #1118304
    saolremarketing
    Participant
    This reply has been marked as private.
    #1118508
    Rupok
    Member

    Hi there,

    Thanks for writing back! You can add this under Custom > CSS in the Customizer.

    .ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
      padding: 10px 20px;
    }

    You can set a padding-top or margin-top for the blockquote. You can add this code as well :

    .page-id-153 #x-section-3 blockquote {
      margin-top: 160px;
    }

    Hope this helps.

    Cheers!

    #1157511
    saolremarketing
    Participant

    Will that be responsive with a defined set of PX… how can it always be vertically centered regardless of the height requirements of the other columns in the row?

    #1157513
    saolremarketing
    Participant

    Also, I think i would like to have that happen anytime I use the block quote. Not just on this page.

    #1157875
    Rue Nel
    Moderator

    Hello There,

    Thanks for the updates! To make sure that it will always be at the middle, you can simply update the code and use this instead:

    .page-id-153 #x-section-3 blockquote {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-bottom: 0 !important;
    }

    Hope this helps. Kindly let us know.

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