Insert a banner

• 

  africulturelle · Member · May 8, 2017 at 12:32 am

  • Copy link
  • Add topic to favorites

  Please I want to add a banner just under the header of my website. How Can I do it?

  Thank you for any help.

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

• 

  otpidusprime · Member · May 8, 2017 at 10:09 am

  • Copy link

  Hello @africulturelle,

  .main:before {
      content: "";
      background: url(https://www.w3schools.com/css/trolltunga.jpg) no-repeat;
      background-size: cover;
      background-position: center;
      max-width: 1100px;
      height: 300px;
      margin: 0 auto;
      display: block;
      margin-bottom: 30px;
  }

  change the url of the image to your own image, inside the url(https://www.w3schools.com/css/trolltunga.jpg) value of the background CSS property.

  Hope this helps 🙂