Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #277180
    marvinwright
    Participant

    Hello

    I am using the free version, but hope its OK to request support for these issues.

    1. I would like to change the paragraph font to match the heading font. Is that possible?

    2. Also for my website, the banner video is not playing in mobile mode, what can I do here?

    3. Finally, I would like to reduce the size of the banner, I found the points where to edit in the CSS but its quite a lot for all platforms, is there an easy way?

    Link to website: http://130.159.17.33/xiao/

    Many thanks in advance!

    Marvin

    #277183
    Skandha
    Keymaster

    @marvinwright: Hello Marvin,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To change the paragraph font to match the heading font */
    body {
        font-family: 'Open Sans', sans-serif;
    }
    
    /* To change size of header video */
    .home .custom-header-content {
        padding: 0px 104px;
    }

    You can change the padding to your requirement.

    The Header Video not playing on mobile devices or screen size below 900px width is a default WordPress feature. To have the Header Video work on mobile devices as well you will need to use our Header Enhancement Plugin.

    Let me know if this works out!
    Kind Regards,
    Skandha

    #277281
    marvinwright
    Participant

    Hi Skandha

    Thank you, that helps a lot!!

    One more question:

    In the main body of the page, below the header, I can selected wide width and full width. Is it also possible to adjust the width with additional CSS? I would like to reduce the space to the left and right but the full width is too wide.

    Many thanks

    Marvin

    #277405
    Skandha
    Keymaster

    @marvinwright: Hello Marvin,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (min-width: 64em) {
    	.content-area {
    	    max-width: 1100px;
    	    width: 100%;
    	}
    }

    You can change the max width and width according to your choice.
    Let me know if this is what you want!
    Kind Regards,
    Skandha

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