Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #532862

    Hi I have set up a Voucherpress voucher on this page
    http://walnut-tree-inn.co.uk/home-2/
    When you follow the link to the voucher register info page it opens covered by the floating header.
    http://walnut-tree-inn.co.uk/?voucher=950d609b81fbe7132fc80302a1a15de7
    How do I get it to either use a pop-up or embed properly within the theme? The plugin has hooks but I am not sure how they work with the Enfold theme.
    https://wordpress.org/plugins/voucherpress/other_notes/
    I am open to other suggestions.
    Thanks
    Rob

    #533581

    Hey fanlokbun!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_header_top.html_header_sticky #main {
        padding-top: 88px!important;
    }

    Best regards,
    Yigit

    #533604

    Hi Yigit,
    Unfortunately this effects the entire site dropping everything by 88px and the header loses transparency.
    It is only needed for the Voucherpress page generated by clicking on the voucher:
    http://walnut-tree-inn.co.uk/?voucher=950d609b81fbe7132fc80302a1a15de7

    This is my css with your code (currently disabled):

    /* stop force upper case */
    body * {
     text-transform: none !important;
    }
    /* space header on voucher page */
    .html_header_top.html_header_sticky #main {
        padding-top: 88px!important;
    } 
    .av-special-heading {text-shadow: 2px 2px 2px #000000 !important;}
    .av_header_glassy.av_header_transparency #header_main {
        background-color: rgba(0, 0, 0, 0.4);
    }
    @media only screen and (max-width: 767px) {
    .av_header_glassy.av_header_transparency #header_main {
        background-color: #ffffff;
    }}
    .av-subheading.av_custom_color {
    opacity: 1;
    }
    h2 {text-shadow: 0px 0px 0px #000000 !important;}
    
    .av-special-heading.av-special-heading-h1.custom-color-heading.blockquote.modern-quote.avia-builder-el-1.avia-builder-el-no-sibling.av-thin-font.av-inherit-size {
    margin-top: 52px;
    }
    

    Thanks
    Rob

    #534931

    Hey!

    I get the WordPress error “Sorry, that item was not found”, when clicking on the link you have provided. Can you check please?

    Cheers!
    Andy

    #535072

    Sorry the voucher had expired. Now reset so link now works:
    http://walnut-tree-inn.co.uk/?voucher=950d609b81fbe7132fc80302a1a15de7

    #536009

    Hi!

    Add this below that code:

    .html_header_top.html_header_sticky .page-id-1052 #main {
        padding-top: 88px !important;
    }

    Regards,
    Ismael

    #536101

    Thanks Ismael. Sorry It is still affecting all pages. This is my custom CSS.

    /* stop force upper case */
    body * {
     text-transform: none !important;
    }
    /* space header on voucher page */
    .html_header_top.html_header_sticky #main {
        padding-top: 88px!important;
    } 
    .html_header_top.html_header_sticky .page-id-1052 #main {
        padding-top: 88px !important;
    }
    /* text shadow */
    .av-special-heading {text-shadow: 2px 2px 2px #000000 !important;}
    .av_header_glassy.av_header_transparency #header_main {
        background-color: rgba(0, 0, 0, 0.4);
    }
    .av-subheading.av_custom_color {
    opacity: 1;
    }
    h2 {text-shadow: 0px 0px 0px #000000 !important;}
    
    /* transparency */
    @media only screen and (max-width: 767px) {
    .av_header_glassy.av_header_transparency #header_main {
        background-color: #ffffff;
    }}
    
    /* header text position */
    .av-special-heading.av-special-heading-h1.custom-color-heading.blockquote.modern-quote.avia-builder-el-1.avia-builder-el-no-sibling.av-thin-font.av-inherit-size {
    margin-top: 52px;
    }
    • This reply was modified 9 years, 1 month ago by fanlokbun.
    #538146

    Hi!

    can you provide us admin access, so we can take a deeper look into it? post login details here as private reply.

    Cheers!
    Andy

    #538157

    Thanks Andy

    #538242

    Hi!

    try this code in Quick CSS field:

    #voucher-950d609b81fbe7132fc80302a1a15de7 {
    top: 97px;
    height: 500px;
    } 
    

    Cheers!
    Andy

    #538365

    Nice one Andy! That’s fixed it.
    Cheers
    Rob

    #538417

    Hi!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.