[marvinwright]

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

[Skandha]

@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

[marvinwright]

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

[Skandha]

@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

[Author]

Posts