StMark

So I've added a video to my Bedford template and there's a text overlay, but it's in a strange font. I'd like to make it a bit bigger and bolder, is there any way I can manipulate it?

Thanks!

3 hours ago, Ziggy said:

No not really, I don't know if it would help but I'd be happy to try it myself on your website. If I can get it to work, I will.

Do I have to do anything to help you or can you manipulate it as is?

39 minutes ago, Ziggy said:

You should be able to click and drag the bottom block to the right of the other two, look for the blue line that denotes the "insertion point" and drag the block around until the blue line is vertical and to the right of the other two blocks.

I've tried, man. Every time it only let's me do two columns, not three. It's super frustrating. Any other suggestions?

4 hours ago, Ziggy said:

Can you share your website URL? I don't know of a reason why you couldn't place 3 columns on a standard desktop page.

www.stmark.net

Hello!

On our Bedford template only let's me make a two column section of text on the home page... but I'd like it to be three columns.

SUNDAY AT 8:15AM
TRADITIONS SERVICE

SUNDAY AT 9:30AM
BLENDED SERVICE

SUNDAY AT 11:00AM
CONTEMPORARY SERVICE

How can I do that with code? I'm pretty much a non-coder. Thanks!

(Here's the section I'd like to be three columns)
 

Is it better to make it a .gif that autoplays? What's best-practice for a looping video on a website?

5 minutes ago, Wolfsilon said:

Does it work is you remove the autoplay="autoplay"? Just write, 

<video autoplay loop="true" width="100%">
  ...
  ...

 

Nope. Shucks.

Site URL: https://www.stmarkbattlecreek.org/

Hello,

I can't see anywhere in the Bedford Family - Hayden Template that I can add a background autoplay video, so I:

• added a video via CSS > manage custom files 
• I then copied that address and added that to a code (see below) in a code section on our homepage

When I view the homepage in my editor screen, it DOES play. However, when I go to the browser and test it out, it DOES NOT play.

Here is the code I'm using:

<center>
  <video autoplay="autoplay" loop="true" width="100%">
    <source src="https://static1.squarespace.com/static/582b712fcd0f68b65a91b55c/t/630fb3b37ee6a078fd75904b/1661973440449/Homepage+Video+02.mp4https://static1.squarespace.com/static/582b712fcd0f68b65a91b55c/t/630fb3b37ee6a078fd75904b/1661973440449/Homepage+Video+02.mp4#block-ea65278c5c525184533b" type="video/mp4"/> 
  </video>
</center>

Any thoughts on how I can make this video autoplay as a background video on our website? Thanks!

1 hour ago, paul2009 said:

You'll need to fix the position of the header and then, because the header will now be obscuring some of the page content, you'll need to add some extra padding to the top of the page's main content.

You should be able to do this with something like this (in Design > Custom CSS😞

#header {
  position: fixed;
}
.main-content {
  padding-top: 140px;
}

Example:

This is amazing! Thank you sooooo very much!

Site URL: https://www.stmarkbattlecreek.org/

Hello!

We are trying to add a CSS to our website that uses the Hayden template (Bedford Family) to make our menu bar float as people scroll down. 

Anyone out there able to give us a hand?