Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #296879
    luismarioochoa
    Participant

    luismario.com
    Hello, I sent you a message when I purchased the theme and I never heard back from you which it is unusual, and I do not see my question posted here either, I am an old CatchThemes user, I need help ASAP.

    1. I am having issues with the video on the header that is not sounding or sounds rarely, I have tried it in several computers and mobiles with no good results.
    2. Also the video does not reproduce in mobiles contrary to what the mobile testing icons show.

    Please show me how to correct these two issues.

    Thank you.

     

    #296889
    Skandha
    Participant

    @luismarioochoa: Hello there,

    Sound on Header Video is muted by default and Header Video only shows up on screen size larger than 900px width. You will need to use our Header Enhancement Plugin to have sound on your Header Video and also to have Header Video displayed on mobile devices.

    Let me know if this works out!

    Kind Regards,
    Skandha

    #297158
    luismarioochoa
    Participant

    After plugin installed, it works sometimes in some browsers, but most times it does not work. Please advise. I also need help with the following:

    • Can you walk me to “have Header Video displayed on mobile devises”
    • How can I change the background of the contact page areas where
    • How to lower my name (Luis Mario Ochoa) in the Heather Image/Video, right now it shows in the middle of the page. Also how to make it either larger or smaller.
    • How to hide the name of the pages
    • How to change the background colors on the Contact Form page Fields? In dark mode it is hard to see them.

    BTW, I have selected “Notify me of follow-up replies via email” but they are not arriving, they are not even in the Spam folder.

    Thank you

    #297643
    Sakin
    Keymaster

    @luismarioochoa:

    1. Can you walk me to “have Header Video displayed on mobile devises”
    – I just check from my iPhone and it shows the header video fine.

    2. How can I change the background of the contact page areas where
    – Contact Page background, you can change the color code in the following CSS as per your need and then add it in the “Appearance => Customize => Additional CSS” box:

    /* Contact Page Background Color */
    .page-id-19 #page {
        background-color: #151515;
    }

    3. How to lower my name (Luis Mario Ochoa) in the Heather Image/Video, right now it shows in the middle of the page. Also how to make it either larger or smaller.
    – The text you can change from “Appearance => Customize => Header Media”. Then if you change it in “Header Media Title” it should work fine. But if you want to change it with the CSS then add the following CSS in the “Appearance => Customize => Additional CSS” box:

    /* Change the Case of Header Title */
    .custom-header-media .section-title {
        text-transform: lowercase;
    }

    Now, to change the font size of the Header Title, you can change the font size in the following CSS as per your need and then add it in the the “Appearance => Customize => Additional CSS” box:

    /* Header Title Font Size for Smaller Devices */
    .custom-header-media .section-title {
        font-size: 34px;
    }
    /* Header Title Font Size for Larger Devices */
    @media screen and (min-width: 75em) {  
        .custom-header-media .section-title {
            font-size: 40px;  
        }
    }

    4. How to hide the name of the pages
    – You can add the following CSS in the “Appearance => Customize => Additional CSS” box:

    /* Hide Page Name on the Individual Page  */
    .site-main .entry-header {
        display: none;
    }

    5. How to change the background colors on the Contact Form page Fields? In dark mode, it is hard to see them.
    – The following CSS will change the background color to white and the text color to black for the form field. You can change the color as per your need and the following CSS in the “Appearance => Customize => Additional CSS” box:

    /* Color of Contact Form 7 Fields */
    .wpcf7-form input,
    .wpcf7-form input:focus,
    .wpcf7-form textarea,
    .wpcf7-form textarea:focus {
        background-color: #fff;
        color: #000;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header video not sound and not working on mobile’ is closed to new replies.