Jonas

Hi @branko3184

Yes the css from the posts above is for styling the width of an element which appears to users on the frontend/published page. To add custom css for this purpose, go to appearance > customize. At the bottom of the customize screen is an area to add any css modifications.

With the new editor, Gutenberg, as far as I understand the whitespace around the blocks is intentional. If Gutenberg is not your cup of tea, you can always install the plug-in “Classic Editor”.

I hope that helps,
Jonas

Sure and sorry it did not work. I took another look. Try also adding the following to the custom css styles:

div.content-wrap div.featured-content {
width: 100%;
}

Jonas

Hi @vanodyssey

Sorry to hear about your developer situation.

You might have answered your own question here… “Sure those crawlers will have somethign to feast on, but anyone who finds my site won’t.. And will not be impressed. I ave maybe another week”.

You are correct in that broken images and an incomplete user interface can quickly create frustration for visitors to your website. At the end of the day, I assume it’s human website visitors you are creating the website for, not bots. I would wait to launch until the content on the website is complete and will not frustrate your human visitors.

Pre launch, you can use a “coming soon” style splash page. On that page, place a sentence or 2 of text which clearly describes what visitors to the website can expect once the site is complete and live. That should suffice for both search engine bot ‘food’ as well as actual human visitors.

Hope that helps,
Jonas

Hi dmsman2

Love the iPad example on that page. It seems to be a javascript solution which animates static imagery. I looked at the minified code from here:

https://www.apple.com/v/ipad-pro/v/built/scripts/overview.built.js

To accomplish what you are looking to do, I would look at using the Greensock Javascript animation platform: https://greensock.com/

There is a large knowledgebase and the animation platform is very developer friendly.

Controlling a background video frame by frame using scroll gestures is a bit complex. You will need to take into consideration that background video files will not autoplay on mobile devices (iphones, tablets, iPads, etc) so the default image will load instead. Your best bet is to simulate a video using GSAP animations with static images, svgs and sprites. The end result will be sharper and cleaner imagery without having to load video.

Hope that helps,
Jonas

Hello @dmsman2

Are you referring to on scroll animations?

for example:
https://www.apple.com/ipados/ipados-preview/

Or is the video you are looking to control a video player? (for example Youtube or Vimeo). Or is it a background video? If you could clarify this, it will help us guide you to a good solution.

Jonas

Hi Alex

It is not required that you create a child theme. I asked because you mentioned copying the implementation in the twentyseventeen theme. I’ve been down that path too. What I have found is grabbing php functions from a different theme might not be a reliable method for theme development. Other themes, such as twentyseventeen, have their own specific dependencies.

I recommend taking a little bit of time to read through the developers handbook:

https://developer.wordpress.org/themes/

It documents the best practices for theme development. Understanding the template hierarchy is super important. Especially for static front page vs blog.

In header.php you mentioned calling the function ‘the_custom_header_markup()’. Can you double check to make sure you are passing all the arguments properly? See below.

https://developer.wordpress.org/reference/functions/the_custom_header_markup/

Jonas

Hello BrynnMcDowell55

How frustrating! I recently ran into a similar problem. Turned out that I did not have search.php set up properly. Please have a look at the documentation from the link below. Check that you have set up search.php to display the results properly.

https://codex.wordpress.org/Creating_a_Search_Page

Jonas