Customizing Twent Twenty home page

• 

  earthgripper · Member · Jun 17, 2020 at 4:28 pm

  • Copy link
  • Add topic to favorites

  Hi,
  My client would like to have a website with the home page as per this website https://www.neilburnell.com but without the video – instead she would like a slideshow.
  I chose the Twenty Twenty theme as I thought with the cover image it was a good starting point.
  I have used CSS to hide the header logo and navigation, and created a group containing the logo, social icons and button .
  My queries are:
  1/ Are you able to help me with the CSS to move the group and the footer up to the template cover image?
  2/ If the above is possible and I was to create a slideshow, would it be possible to use that as the background rather than a single image and if so, are you able to provide the CSS for this?
  I appreciate it is a lot of work so if you would like to tell me to go away, please do :).
  Thanking you in anticipation,
  Lisa

  The blog I need help with is: (visible only to logged in users)

• 

  supernovia · Staff · Jun 18, 2020 at 1:11 am

  • Copy link

  Hi Lisa, have you considered just using a cover image, and placing the logo in that? You might not need CSS that way.

  Moving elements around the page is outside the scope of what we can offer here:
  https://wordpress.com/support/custom-design/css-support/

  But we might be able to point you in the right direction.

  If you want to use CSS you might tinker around with something like this:

  .classnameofyourelement {
  position: absolute;
  top: -100px; /* height of the element */
  }

  You’d need to do some testing to be sure it works well. Oh, and you’ll need to use “advanced” in the block editor to add a class name (without the dot there) that you want to use.

  You’ll also want to test different browsers, and make sure it works on small screens (or add CSS to only use it on larger screens).

  And, with blocks you can likely create a slider / carousel / slideshow too. OR, you might look to see if there’s another theme that gets close to what you’re after:
  https://wordpress.com/themes/

  I hope this helps!

• 

  earthgripper · Member · Jun 19, 2020 at 9:03 am

  • Copy link

  Thank you very much for your speedy help and excellent suggestion of using a cover block. I am getting there.