Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

hammaste

Member
  • Content Count

    15
  • Joined

  • Last visited

  1. Jennifer, Since HTML5 you can not use the background attribute anymore, so you'll have to use some CSS. You'll have to add a code block and add some CSS. First your CSS: <style> #example1 { background-image: url(https://images.unsplash.com/photo-1436262513933-a0b06755c784?q=80&fm=jpg&s=943d98ea03caf20350b6e014b2a49890); background-repeat: no-repeat; padding: 15px; } </style> Then some HTML in the code block, for example: <div id="example1"> <h1>Lorem Ipsum Dolor</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> Just in case you're not familiar with HTML and CSS the opening div should have an "id" that you'll refer to in your CSS sheet (or inline if you wish). Make sure to add some padding, otherwise your text will touch the borders of your image. Let me know if this was helpful : o)
  2. HeathersBerto's answer is by far the best. Just a small tip for those who are struggling to get the fontawesome icon on top of the hero images of some templates: the z-index of those hero images is set to 99 by default, so just change your fontawesome CSS z-index to 100
×
×
  • Create New...