[bmcminn]

Wow, Victor Font! I'm honored, really appreciate your tutorials. The inspector view one helped me this spring.

Thanks for taking the time to help me with this one. I had tried cover instead of contain (and have changed it in the live version) but now the image won't scale with the window. The same .png in the other website (http://jsbmac.com/) scales up and down beautifully. Is it because the .png for the Genesis header is a background and not a simple img element?

Here is a codepen for the WordPress CSS file because they are sometimes difficult to see. The other shows up in inspector no problems. Tomorrow I will try to change that, but I'm not sure how. Maybe in a .php file? The current image is a placeholder for a similar but cleaner .png that I don't have yet.

Thanks for any thoughts.

https://codepen.io/brucemcminn/pen/mqOrOP

---

Learning front-end development, aspire to learn more.

[bmcminn]

Thanks again tarmadill. I am "hard-coding" because I am wanting to learn it.

I use Sublime Text.

Your solution worked really well and my friend is going to be excited to see the header.

---

Learning front-end development, aspire to learn more.

[bmcminn]

Can someone help me use inspector to locate this file in the file tree?

Thanks!

Here's the site...

http://wipsite.jsbmac.com

---

Learning front-end development, aspire to learn more.

[bmcminn]

Thank you tarmadill!

It works really well. I added the code to the css file...

And get a result that leaves the original header image in place...

So I "inspect" it and turn it off...

Looks great, but I can't find that line of code!

Where is this index file with .custom-header .site-header on line 90?

I do not see it in includes/js?

Thanks again for all your help!!!

---

Learning front-end development, aspire to learn more.

[bmcminn]

Hi Brad, thanks for the help. I checked out your tutorial and have a couple of questions.

First, in general, to get a responsive image do I need to create a bunch of media breakpoints and then upload appropriately sized images for each breakpoint?

Secondly, more specific, please look at these inspector view images. To center the image I added

element.style {
    background-position: center !important;
}

How do I change this in the CSS file? I pasted it into a bunch of different identifiers and didn't see any changes.
When I look at the inspector I see that it adds the style attribute to line 90 in the index file. Where is this file??

---

Learning front-end development, aspire to learn more.

[bmcminn]

Oh man, I'm having a hard time... Why isn't this link followable to an image?

http://jsbmac.com//public_html/img/inspectorView.png

That sure looks like the URL to me...

---

Learning front-end development, aspire to learn more.

[bmcminn]

---

Learning front-end development, aspire to learn more.

[bmcminn]

OK... site I'm working on.

wipsite.jsbmac.com

Other site.

cuyamungueistitute.com

Sorry again. Total nubbin.

---

Learning front-end development, aspire to learn more.

[bmcminn]

The links won't show up even though they are bracketed by anchor tags??

cuyamungueinstitute

Ugh, never mind...

---

Learning front-end development, aspire to learn more.

[bmcminn]

Hmm. I don't see how I can edit that....

Those links are crazy looking. Sorry. Let me try again.

The page I'm working on.

A page w/ the same theme, header adjusts.

Sorry about my poor use of markup. Thanks for any help.

---

Learning front-end development, aspire to learn more.

[Author]

Posts