Video Preview

wbmedia94 · Member · Sep 8, 2016 at 10:05 am
Copy link

Add topic to favorites
Hello,

I would like to split my homepage – http://www.wbmedia.co.uk into three separate columns:

1 – Picture (Already done.)

2 – Video/showreel

3 – Text

2, I would like the video preview to be bigger and take up a whole column with a black/grey background. (This is critical, because this video needs to stand out!!) At the minute its way to small and not appealing…

And 3 the background to be a similar colour to my branding (darker blue). With the text over the top.

Thanks
Will.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Sep 9, 2016 at 12:52 am
Copy link
Hi, the following will make the content area as wide as the parent div container.
```
#primary {
    width: 100%;
Hi there, the following widens the text below also.
```
#primary {
width: 100%;
}`
If you wish to keep the text the same width, then add the following as well. This is a <a href=”http://en.support.wordpress.com/custom-design/custom-css-media-queries/”>Media Query</a> that limits this change to 900px and wider screens. See what you think.
```
@media screen and (min-width: 900px) {
#story {
    width: 66.67%;
    margin-left: auto;
    margin-right: auto;
}
}
```
On the background color change, are you talking about the background below the image where the video and text is, which is currently white? If so, add the following.
```
.site-content {
    background-color: #275598;
    color: #fff;
}
#colophon {
    background: #275598;
}
```
wbmedia94 · Member · Sep 12, 2016 at 8:01 am
Copy link
Thats absolutely fantastic, thank you thats just how I want my homepage to look.

One last thing, if I change the page name for example to “homepage”, “homepage” will appear as a text on top of the featured image. I would, if possible like a text to say “What’s Your Story?” over the top of the featured image on the homepage. So I changed the homepage name to that but I couldn’t move it or change the font. Is there any way of editing this or any way of creating a text to put over the top of the featured image?

Cheers
kathrynwp · Staff · Sep 12, 2016 at 2:19 pm
Copy link
Yes, you can change the positioning and font of the page title, although the font choices are tied to the fonts used in your theme or the ones you select in the Customizer’s Fonts panel.

If you need help with this, please add a page title back and start a new thread, and we’ll be glad to help you there.

No items found.