Okay
  Public Ticket #1827331
Homepage
Closed

Comments

  • KGBLondon started the conversation

    Hello,

    I'd like to have the exact same layout as your demo content on the Epic Template (http://jellydemos.com/html/epic/index-video.html), I have bough the Wordpress theme.  How can I do that please?  My site currently looks like this: https://theherosacademy.com 

    I've tried a number of multipages from the demo content, none of them look like your demo.

    Many thanks,

    Hal

  •  840

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Hi,

    Neither of those two links you mention look like this one: http://jellydemos.com/html/epic/index-video.html

    Please advise.

    Thanks,

    Khaled

  •  840
    Jelly replied

    I am sorry but the link you gave me is for Template https://themeforest.net/item/epic-responsive-multipurpose-template/9292791?s_rank=21

    Could you please check the demo from WordPress Theme https://themeforest.net/item/epic-responsive-multipurpose-theme/9962807?s_rank=20, the product you've bought.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    I see - So I've bought the wrong item?  Will the Template work on Wordpress?  Please let me know.  Or if there is a way to make the theme look like that template page, please let me know.

    Thank you

  •  840
    Jelly replied

    Template won't work on WordPress, I am afraid.

    I am sorry but isn't this demo exactly what you need http://jellydemos.com/wordpress/epic/home-video-background/?

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Yes that link  http://jellydemos.com/wordpress/epic/home-video-background is exactly what I need, so that was my question, how do I get my page to look like that?  I've selected all the different Multipages from the demo content, none of them look like that.  Please let me know how to do this.

    Thanks

  •  840
    Jelly replied

    Could you please remove your previous import (please use clean installation for the best results) and import the file from the attachment? After go to https://theherosacademy.com/home-video-background/

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Ok thanks - by clean installation, do you mean reinstall Wordpress too?

  •  840
    Jelly replied

    Yes. It will be much quicker.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Hi there,

    I've reinstalled WP and uploaded the xml file you provided.  I've chosen 'multipage video' for the homepage, doesn't quite look like the demo that has all the remaining sections on http://jellydemos.com/html/epic/index-video.html

    How do I add those other sections please?  Or is that the wrong page to choose as homepage?

    Many thanks

  •  840
    Jelly replied

    Hello,

    Please note that this demo is not for WordPress theme but for Template: http://jellydemos.com/html/epic/index-video.html

    Could you please send us wp-admin login/password and website url as a private message?


    Best Regards,
    Jelly Team

  •   KGBLondon replied privately
  •  840
    Jelly replied

    Please check now. The only problem is that you need to add Google Map API key to https://theherosacademy.com/wp-admin/admin.php?page=jellythemes_options&tab=1 in order to Contact Section to work properly. After adding the key please go to https://theherosacademy.com/wp-admin/post.php?post=800&action=edit and change Parent to Home Video Background.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Hi there, 

    Thanks so much!

    Much appreciated :-)

  •  840
    Jelly replied

    Perfect!

    I am currently closing the ticket. Please don’t hesitate to submit a ticket whenever you need help. I will be happy to assist you.

    P.S. I would appreciate if you could please rate the Theme and like the assistance under my support, means a lot to me. Thank you.

    You can rate it with your themeforest account at your downloads page, precisely at this link: http://themeforest.net/downloads and hover over the 5 stars for our theme.

    Thank you so much for all your help!!!

    Best Regards,
    Jelly Team

  • KGBLondon replied

    No problem will do.

    One more question please, I'm having a hard time locating the blocks so I can edit them.  If I just go into edit view directly from the homepage, all I can see are the slider/video settings.  

    Please could you direct me to where I can edit each section, exactly the ones that appear on https://theherosacademy.com ?

    Many thanks

  •  840
    Jelly replied

    Please go to Settings > Reading and check Homepage https://tppr.me/hzMZy

    Now please go to Pages > find Homepage (it should have Front Page on the right) > Now go to Child pages which represent Sections and edit them https://tppr.me/NUSMr

    If you can't find please send me login info to your website as a private message one more time please so I can send you these pages by links.

    Best Regards,
    Jelly Team

  •   KGBLondon replied privately
  • KGBLondon replied

    Also the video background doesn't appear in older versions of Safari and Chrome, is there anything we can do about that?

    Thank you!

  •  840
    Jelly replied

    In order to change Sections please go to https://theherosacademy.com/wp-admin/edit.php?post_type=page&paged=5 and find Home Video Background — Front Page.

    After open "-- About Us" page https://theherosacademy.com/wp-admin/post.php?post=812&action=edit in order to change About Us section and so on https://tppr.me/x4HSY.

    Could you please tell us your OS, Mac or PC and the exact version of Safari and Chrome so we can test this?

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Ok thanks for that, all good.

    Here are the versions of Chrome and Safari on which the video doesn't load:

    Chrome: 71.0.3578.98 (Official Build) (64-bit)

    Safari: 5.1.10

    I'm guessing it won't work on any other older versions too.

    I know we can have a static image there, however what makes this theme exciting is the video.

    Also, is there a way to make the video play on mobile?

    Thank you.

  •  840
    Jelly replied

    Unfortunately, video backgrounds don't work on mobiles because of hardware and software limitations.

    Safari: 5.1.10

    I am sorry but we don't support legacy browsers.

    Chrome: 71.0.3578.98 (Official Build) (64-bit)

    I am using the latest version of Chrome and video is working for me https://tppr.me/uAUaj

    Could you open Chrome Developer Console, copy errors and send us?

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Ok thank you.

    Please could you show me where to change:

    Red background behind Process and Testimonials

    Images inside the desktop photo under About Us - If I add or remove images from the gallery, the whole computer photo disappears.

    Many thanks

  • KGBLondon replied

    Sorry two more questions: where do you fix the settings for the email popup?  Would like to get that working.

    The main site logo overlaps the slider on various mobile devices, both in portrait and landscape view.  Can this be fixed?

    Thank you

  •  840
    Jelly replied

    Red background behind Process and Testimonials

    Please go to Edit Process/Testimonials Page > Section Attributes > Background color.

    Images inside the desktop photo under About Us - If I add or remove images from the gallery, the whole computer photo disappears.

    Sorry about this. Please go to Edit About Us Page > edit Image Carousel > Add Images > choose Layout: iMac Desktop https://tppr.me/ZrwmC

    where do you fix the settings for the email popup?

    Email Popup can't be customized, I am afraid. Please go to EPIC Options > Contact/Footer info > add Contact Email to receive emails from Popup.

    The main site logo overlaps the slider on various mobile devices, both in portrait and landscape view.  Can this be fixed?

    Could you please try to add this to Appearance > Customize > Additional CSS:

    @media screen and (max-width: 960px){
    .navbar-brand.normal {
        display: none;
    }
    }

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Thank you.  A few issues still:

    Editing images inside desktop photo carousel: 

    Doing anything to this deletes the main photo of the computer and the desk and leaves just the carousel images, without scrolling.  The only way to get the main photo back is to do a revision restore.  Please let me know how to fix this.  I just want one image in the carousel, which is just the site logo on a white bacgkround.

    Navigation Menu:

    Please show me how to set up the single page menu, anything I've tried to do (including using custom links) takes you away from single page navigation to ugly separate pages.

    As 'contact' is just the footer, is there also a way to add a menu link to go straight to the footer?

    Bold Text Issue: (https://theherosacademy.com/)

    Under the section 'Your Journey', I've made the words "Please scroll right and left through the steps below. →" in bold in the back end but it's not bold on the site, any ideas?

    Contact Form:

    The contact email is set up in Epic options, however the form doesn't send anything to the designated email address.

    Slider Text:

    Is there any way to make this text static? We just have one message to put there, otherwise it just keeps appearing and disappearing.

    Many thanks

  •  840
    Jelly replied

    Editing images inside desktop photo carousel: 

    Are you referring to https://tppr.me/t7geF? If so could you resend login info as a private message?

    Bold Text Issue. This was made for design purposes. Please add this to Appearance > Customize > Additional CSS:

    .section .text strong {
        font-weight: 700;
    }

    Contact Form

    It says:

    Warning: mail() has been disabled for security reasons in /home/spacetoe/public_html/theherosacademy.com/wp-content/themes/epic-jellythemes/inc/mail.php on line 14

    I think your host has disabled the mail functionality. Could you please try to install https://wordpress.org/plugins/wp-mail-smtp/?

    Navigation Menu & Slider Text. Could you resend login info as a private message?

    Best Regards,
    Jelly Team

  •   KGBLondon replied privately
  •  840
    Jelly replied

    Navigation Menu. Please check https://theherosacademy.com/wp-admin/nav-menus.php?action=edit&menu=13 and if you need to add an item please follow my examples https://tppr.me/6OqWH. You can find #home-slider in Edit Page > Slug.

    The rest should be fixed. Please check and let me know.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Great thank you!  A couple of things still outstanding from the previous ticket:

    Slider text: can we make this static please?

    Contact section/menu: is there a slug for the contact section at the bottom of the page?

  •  840
    Jelly replied

    Slider text. It should be static already. Please clean your browser's cache and check again.

    Contact section/menu. Please try to add #footer.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Great thank you, that worked.

    Slider text issue still not resolved after clearing cache.

    Contact popup still not working, spent 30 mins with tech support and we tested all smtp plugin settings, all are correct and working, but still nothing comes from the theme popup.

    Tech support also confirmed nothing being blocked from server.

    Please advise.

    Thank you

  •  840
    Jelly replied

    Login info stopped working. Could you check?

    The problem with Contact is that mail() function that we and other theme developers use to send emails has been blocked on your server completely:

    Warning: mail() has been disabled for security reasons in /home/spacetoe/public_html/theherosacademy.com/wp-content/themes/epic-jellythemes/inc/mail.php on line 14

    So every plugin or theme that uses it to send emails (basically all or them) won't be able to do that.

    Could you send us login info so we can check?

    Best Regards,
    Jelly Team

  •   KGBLondon replied privately
  •  840
    Jelly replied

    Please check this screenshot:

    1030006899.png

    autoPlay was set to false.

    The same on Front:

    2044458594.png

    Could you please check if you have the same change? 

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Still not working so taken out slider text for now until we need changing text, it's fine.

    A few more things we need sorting please:

    Call to action button: can we replace action with just email address that opens email client when clicked on?  Or do we need to redesign that section with just a colour bar + text + email address?

    Can we have a scroll to top arrow or button?

    Bold lettering still not working in 'Your Journey' section.

    Slider logo looks small on iPad and Galaxy tablets.

    Thank you

  •  840
    Jelly replied

    Still not working so taken out slider text for now until we need changing text, it's fine.

    It's working for me and I quite sure it'll work for other users. Just try to check it on different PC/Mac.

    Call to action button. Please add another section with a color bar and email address text.

    Can we have a scroll to top arrow or button? You have one here https://tppr.me/Jj7MT. Also users can press Home.

    Bold lettering still not working in 'Your Journey' section.

    Please follow my suggestion from this message https://jellythemes.ticksy.com/ticket/1827331/#comment-9395198

    Slider logo looks small on iPad and Galaxy tablets. Please add this to Appearance > Customize > Additional CSS:

    @media only screen and (max-width: 1024px) {
    .logointro img {width: 400px;}
    .slide-sep {margin-top: -115px;}
    }

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Thank you.  Sorry but a few more things:

    1.  There are really big ugly gaps on mobile between sections and some headings, please see attached screenshots.

    2.  I've tried to change the background colour of a section on the page (nav link: book a session).  I've tried doing this from the Design Options of Row Settings in admin, it doesn't do anything.  Please let me know how to do this so I can get rid of the Megabutton and replace it with the simple email call to action I have under it now.

    3. Blog page: we have 8 posts but only 6 are showing, I can't find the settings to change this, please let me know where that is.

    Many thanks!


  •  840
    Jelly replied

    1. Gaps that are part of the design can't be removed. The thing is that a lot of gaps that you've got can be removed manually by removing unnecessary rows. For example, 1.jpg can be removed by going to https://theherosacademy.com/wp-admin/post.php?post=808&action=edit and remove https://tppr.me/OG3y7. I've already moved Section Content up to Services.

    2.jpg is part of the design https://tppr.me/e3RVM.

    2. To change section background color go to https://theherosacademy.com/wp-admin/post.php?post=811&action=edit and choose any color you like in Section Attributes > Background color.

    3. I can see only 6 Published posts: https://theherosacademy.com/wp-admin/edit.php.You need to Publish more in order to show more.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Ok thank you for that.

    I've changed the bg colour, now the top of the bg for Book a Session is sitting behind the image above it.  I've tried to change padding etc in the row settings but can't see any change.

    Thank you

  •  840
    Jelly replied

    Please check now. To add a gap to Book a Session please add Vertical Spacer element before Let's do this!.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Great thank you.

    For Newsletter (where it says SPACE FOR MAILCHIMP) the content is sitting at the bottom, I've tried to change content position in Row Settings to middle but that doesn't work, where do I change this please?

    Can we hide post author and comment count only?

    Many thanks

  •  840
    Jelly replied

    Added Vertical Spacer: https://theherosacademy.com/wp-admin/post.php?post=1155&action=edit. Please check.

    Can we hide post author and comment count only?

    Please send me a screenshot of what are you referring to?

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Thanks for that, I had tried it but it made the space so big.  Will work with that.

    It's the post meta - if I hide it in CSS, it also hides READ MORE, which I don't want.

    I just want to hide the attached as per screenshot.

    Thank you.

  •  840
    Jelly replied

    It's impossible to hide it with CSS. Please go to blog.php and comment lines 65-67.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    I'm guessing you meant 'delete'?  Thanks will try that.  

    Some further issues:

    1. On Safari 9.1.2, it tries to load the video instead of the static image, and therefore you get the loader icon spinning endlessly and the first scene from the video.

    2. Blog page: I just want a static image there of the logo.  I've tried inserting it as a background image, it doesn't show up.  If I put it as a slider image, it keeps flashing/reloading.

    Please advise.

    Many thanks


  •  840
    Jelly replied

    1. I am sorry but are your referring to the mobile Safari? Could you please send us a screenshot?

    2. I've added the code to default.js and it won't reload anymore. Please check with clean browser's cache.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    It's desktop Safari, version 9.1.2.  

    The blog slider images still flashes/reloads, even after clearing cache.  Tried uploading just a background image instead where the slider is, it doesn't show.

    Is it possible to hide the scroll icon at the bottom of the slider, on mobile only?

    Thank you

  •  840
    Jelly replied

    It's desktop Safari, version 9.1.2.

    Mac or PC?

    Is it possible to hide the scroll icon at the bottom of the slider, on mobile only?

    Please use this code:

    @media only screen and (max-width : 960px) {
    .mouse {
        display: none;
    }
    }

    The blog slider images still flashes/reloads, even after clearing cache.

    Please open this file: https://theherosacademy.com/wp-content/themes/epic-jellythemes/js/default.js?ver=5.0.3

    Then go to line 195, take a screenshot and send me please.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    It's Mac.

    Please specify which file you'd like me to send line 195 of, guessing it's one of the js templates, just not sure which.

    Also, the slider image on blog page isn't responsive on mobile.

    Thanks

  •  840
    Jelly replied

    Really sorry. Please open this file: https://theherosacademy.com/wp-content/themes/epic-jellythemes/js/default.js?ver=5.0.3

    Then go to line 195, take a screenshot and send me please.

    Also, the slider image on blog page isn't responsive on mobile.

    It is responsive. That's how responsive backgrounds behave on different screen ratios. Please try to use Slider Logo instead.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Oh I see - the page in the link has no line numbers, how do I find line 195 other than count them?

    Change the image on blog to slider logo, that solve it thank you.  Is there any way to reduce the height of the grey lines area under the nav?  I tried to find this with inspect element but can't find it.

  •  840
    Jelly replied

    Please find 

    /* Home background slider */

    And then screenshot everything after like this https://tppr.me/sD2Im

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Ok please find that attached.

    Having lots of issues with the blog page header image being inserted as a slider logo.  Too big on desktop, on mobile too much white space.  Please let me know.

  •  840
    Jelly replied

    Instead of this image https://theherosacademy.com/wp-content/uploads/2019/02/blog-intro-image-2.jpg please use similar to https://theherosacademy.com/wp-content/uploads/2019/01/logo-intro-2.png. Try the same size with only white letters and put background to a similar page and add it to Slider Images.

    Ok please find that attached.

    The problem is that for some reason your browser won't allow you to see any change I've made. You cleaned the browser's cache, correct?

    Best Regards,
    Jelly Team

  • KGBLondon replied

    All working now, including image flashing issue.  

    Many thanks!

  •  840
    Jelly replied

    Great!

    I am currently closing the ticket. Please don’t hesitate to submit a ticket whenever you need help. I will be happy to assist you.

    P.S. I would appreciate if you could please rate the Theme and like the assistance under my support, means a lot to me. Thank you.

    You can rate it with your themeforest account at your downloads page, precisely at this link: http://themeforest.net/downloads and hover over the 5 stars for our theme.

    Thank you so much for all your help!!!

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Hi there,

    On the section 'Newsletter', we have a MailChimp shortcode which is currently taking the whole width of the page.  Where is the setting to split the space into columns so we can reduce the width of the form?  Or is there any other way to do this?  The site is theherosacademy.com.

    Many thanks

  •  840
    Jelly replied

    Hello,

    Please try to add tree columns and put MailChimp form to the second one.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Thank you.

    The site is scoring very poorly on GT Metrix speed test:

    https://gtmetrix.com/reports/theherosacademy.com/kBJm81kb

    Do you have any suggestions?  We have tried a few plugins (especially for caching) but none of them worked.

    This is really bad for SEO, please advise.

    Thanks

  •  840
    Jelly replied

    "Leverage browser caching" comes from embedded video you are using on the page. The same with "Optimize the order of styles and scripts".

    To fix "Avoid bad requests" please check paths and create files with the same names.

    To fix "Combine images using CSS sprites" try to use HTTP/2 protocol. Please contact hosting about this.

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Thank you, getting some more bandwidth allocated from the hosting company, will see how that helps.

    Some issues on this page on mobile:

    https://theherosacademy.com/landing-page/

    Everything from where it says "There are 6 techniques":

    Alignment not centred, things all to the right of devices (iOs and Android, multiple browsers)

    Big gaps between buttons and text above

    Last headline disappears completely

    Background colour/image offset to the right, not centred

    Newsletter section:

    Top margin way too big, can't seem to reduce it inside the editor, any ideas?

    Please advise

  •  840
    Jelly replied

    This page doesn't look like one of ours https://theherosacademy.com/landing-page/. Did you create it by yourself? If so please refer to the WPBakery documentation https://kb.wpbakery.com/docs/learning-more/. Could you please send us a link to any of our demo page with the same elements?

    Newsletter section:...

    Please try this code

    #newsletter .container {
        padding-top: 10px;
    }

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Ok thank you - fixed that page.

    On the About Me section, there is a big gap before it.  I've tried:

    #about-me .container {
        width: 1241px;
        padding-top: 40px;
        margin: 0px auto;
    }

    But this then breaks it on mobile.

    Please let me know what to add to custom css instead.

    Many thanks


  •  840
    Jelly replied

    The code is correct but please also add:

    @media only screen and (max-width: 1024px) {
    #about-me .container {
        padding-top: 40px;
    }}
    @media only screen and (max-width: 768px) {
    #about-me .container {
        padding-top: 40px;
    }}

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Thank you - it works for reducing padding, but then the My Journey + image bits disappear completely on mobile

  •  840
    Jelly replied

    I noticed that you have an empty row https://tppr.me/KYzJM before My Journey content. Could you please try to remove it?

    Best Regards,
    Jelly Team

  • KGBLondon replied

    All fixed many thanks!  

  • KGBLondon replied

    Hi there,

    Please see attached screenshot: the progress bars overlap the arrow icon on laptop size screens, please advise. Doesn't happen on larger desktop screen or mobile.

    Many thanks

  •  840
    Jelly replied

    Please add this code to Appearance > Customize > Additional CSS:

    @media only screen and (max-width: 1024px){
    #footer .scrollup {top: -57px;}
    }

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Thanks for the code but it didn't work.  Maybe we can get rid of it completely?  It's a short page, I don't think we need a scroll up button.  Where shall I insert 'display: none' for this?

    Thank you

  •  840
    Jelly replied

    Please use this code:

    #footer .scrollup {display: none !important;}

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Thank you.

    Please could you look at https://theherosacademy.com/landing-page/

    On smaller laptops, the contact form overlaps the heading on the left (screenshot attached), is there any other way to fix this other than to keep trying many font sizes?

    Many thanks

  •  840
    Jelly replied

    Please try going to Edit Page > Edit Column > Responsive Options > https://tppr.me/7HbzI

    Best Regards,
    Jelly Team

  • KGBLondon replied

    Hello,

    I have tried a number of things in the responsive settings, it just moves the content boxes in editor around and I just can't get it to work correctly.  Can you help please?

    Many thanks

  •  840
    Jelly replied

    Please check now.

    Best Regards,
    Jelly Team