Want to configure the display CSS above only

I want to configure the display CSS above only. But after header is also shown.
How do I fix it?

I config CSS

.fa-heart:before {
  content: "\f0e7";
}

button.like:hover {
    color: #FCF94E !important;
    background: #222222 !important;
}

button.has-like {
    color: #FCF94E !important;
}

  html,body {

  font-family: avenir, 'segoe ui', sans-serif;
}

@keyframes move {
	0% { 
		background-position: 0 60%, 0 50%;
	}
	100% { 
	  background-position: 0 60%, 100% 50%;
	}
}

.container {
  background-color: #263645;
	background-image: url('http://bootscootin2pdx.com/network.svg'), radial-gradient(200px 500px at center, #ff8300 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0));
	background-size: 125%, 50% 100%;
  background-position: 0 60%, 0 100%;
  animation: move 5s linear infinite;
  

  height: 150px;
  border: 2px solid #263645;
  border-right: 0;
  border-left: 0;
}

and head

<div class="container">
</div>

Are you talking about the background-color and background-image I presume?

Try to change the name of the target element to be more specific and in this way you can target only that element

<div class="header-container">
</div>

and change this line from

.container {
to
.header-container {

It should work

5 Likes

Thank you . It work. :grinning:

1 Like

This topic was automatically closed after 2577 days. New replies are no longer allowed.