« Back to the HTML Forum

How to adjust the size of an image in the header?

P4rtyP0!s0n's profile picture

Posted by P4rtyP0!s0n

posted

Forum: HTML Group

View Topics View Profile

my code is this:

nav .top {background-image: url("https://i.pinimg.com/control1/736x/52/14/a1/5214a1f5ef4299d873f582da47a2c1b3.jpg")}

I looked at other peoples layout code and i've just been adjusting it to make my profile mine, because I don't know HTML very well. The I want to adjust the image to see more of it, so its not so "zoomed in" and I've tried multiple different images because I thought it might be the image dimensions, but they're all too "zoomed in" so now I dont know what to do. 


Report Topic

1 Reply

P+HATE's profile picture

Reply by P+HATE

posted
updated

try adding "

      height: 200px;

      display: block;

      content: " ";

      background-position: center 60%;

      background-size: cover;

" to the code, change height and bg pos to your like these are my defaults


Permalink Report Reply