One page site

  • Ok…
    I need help with identifying something, a specific element of a site. I want my site to appear similar to this when people arrive at it:

    https://themeforest.unitedthemes.com/wpversions/brooklyn/basic/

    I don’t know what you call this first full screen image. Is it a “custom header” a “jumbotron” what??? I have NO IDEA. It seems that every place I go people call it something different! I know, weird right?? So i’m just saying “screw it” and asking you guys. I need to know what it is and if there is an easy way to create it. On the scale of 1-10 for html and css i’d rate a 6 or 7, so I guess try to dumb it down for me.

    Thanks in advance for every answer,

    -David

Viewing 1 replies (of 1 total)

  • Hello David,

    I saw your question and can definitely relate to your confusion. It is called a jumbotron. This originates from the current version of Twitter Bootstrap, a front-end framework. Though I can see why it would be called a custom header image.

    To show you the basics of the jumbotron, I put together some CSS for you to play with: https://codepen.io/amyschan/pen/vrfGd

    TIP: One of the fast ways to see what each thing does is to add a random letter like “q” in front of the selector or property, effectively commenting it out.

    For example:

    qbody {
  margin: 0;
  background-color: #eee;
}

body {
  margin: 0;
  qbackground-color: #eee;
}

    In the end, it really depends on the theme you’re working with.

    You may end up creating a custom page template with custom CSS. Or maybe a few lines of custom CSS will do it.

    Amy

Viewing 1 replies (of 1 total)
  • The topic ‘One page site’ is closed to new replies.