CSS styling


#1

The background color of the heading is blocking the image of the coffee, so let's remove it. Remove the background color of the main heading.I need help for the above to remove the background color of the image.


#2

Could you please write your code and the lesson link here?


#3

Here is the code:
Learn HTML & CSS part 1

body {
color: MidnightBlue;
padding: 0;
margin: 0;

/* Old browsers */
background: -moz-linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
}

/** Header styles **/

.header {

background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-4/htmlcss1-img_coffee-bgnd.jpeg");
height: 400px;
background-position: center center;
}

h1 {

background-color: Cyan;
font-family: 'Covered By Your Grace', sans-serif;
font-size: 100px;
line-height: 76px;
margin: 0;
position: relative;
text-align: center;
top: 20%;
}

/** List style **/

h2 {
color: #E4BB97;
font-family: 'Raleway', sans-serif;
font-size: 28px;
font-weight: 500;
text-align: left;
text-transform: uppercase;
}

ul {
margin: 0 auto;
padding: 0;
width: 50%;
}

li {
border-bottom: 1px solid #E4BB97;
list-style: none;
margin: 100px 0px;
padding-bottom: 60px;
}

p {
color: #444444;
line-height: 32px;
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: 100;
}

a {
color: #214E34;
font-family: 'Raleway', sans-serif;
font-size: 13px;
font-weight: 900;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
}


#4

Which lesson? :slight_smile:
* Sorry for the delay in a reply *


#6

That line is setting the background-color of your main heading. To remove that setting, you can just delete that line.


#8

h2 {
background-color:darkmagenta;
color:#E4BB97;
font-family: 'Raleway', sans-serif;
font-size: 28px;
font-weight: 500;
text-align: left;
text-transform: uppercase;
}


#9

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.