Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 9, 2015 at 8:05 pm #532862
    fanlokbun

    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

    November 10, 2015 at 6:45 pm #533581
    Yigit

    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

    November 10, 2015 at 7:10 pm #533604
    fanlokbun

    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

    November 12, 2015 at 5:49 pm #534931
    Andy

    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

    November 12, 2015 at 8:36 pm #535072
    fanlokbun

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

    November 15, 2015 at 4:48 am #536009
    Ismael

    Hi!

    Add this below that code:

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

    Regards,
    Ismael

    November 15, 2015 at 2:25 pm #536101
    fanlokbun

    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 ago by fanlokbun.
    November 18, 2015 at 2:47 pm #538146
    Andy

    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

    November 18, 2015 at 2:57 pm #538157
    fanlokbun

    Thanks Andy

    November 18, 2015 at 4:06 pm #538242
    Andy

    Hi!

    try this code in Quick CSS field:

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

    Cheers!
    Andy

    November 18, 2015 at 5:34 pm #538365
    fanlokbun

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

    November 18, 2015 at 6:12 pm #538417
    Andy

    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

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