home page image takes up too much space

Hello speedwayleague1963,

Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer

.custom-header-media img {
    height: 350px !important;
    position: relative !important;
}
.custom-header {
    height: 350px !important;
}

height can be modified as per your requirement.

Hope this will helps you.

Thanks.

thank you very much.
would you please be able to tell me
step by step how to do this?
I am new to coding.

Go to your site backend dashboard.
Hover over ‘Appearance’
Click on ‘Edit CSS’
Click on the first empty line – to the right of the line number (probably be Line 1 unless you’ve previously added some additional code)
Copy and paste the code supplied
You will see the effect of the code changes in the preview on the right.
You can change the height parameter to get your desired size
Click ‘Publish’ at the top to put the changes live.
You can delete/change the additional code any time

Hope this helps.

F.S.

F.S.,
thank you soooo much!!!!

I tried it.
this is what I get when I go to my dashboard, hover over Appearance and click on Edit CSS.
there are no numbers or place to copy and paste the code.
would you please tell me how to get to that?

https://jonmichaelswift.com/wp-admin/customize.php?autofocus%5Bsection%5D=custom_css&return=https://jonmichaelswift.com/wp-admin/index.php

Can you please take a screen print so I can see what you get?

It should look something like the image in this link

https://prnt.sc/o43mpf

The link in your last post is taking me to your admin login page

Use something like https://prnt.sc to take and store your screen shot then share the link.

Thanks.

FS

thank you again.
I’m making progress.
I clicked on Simple Custom CSS and copied and pasted and it shortened the image.
I am attaching a screenshot.
my name is there twice. and it overlaps.
would you please have any thoughts about how I get rid of one of the names?

https://prnt.sc/o44ive

It appears that you have solved this problem.

but can someone please tell me how to get rid of having my name twice?

Hi,
When I look on your live site there is only 1 name.

On the screen shot you posted I can see 2 but the one in the background looks like it is part of the image. It looks pixelated. The text in the foreground appears to me to be the title text as it is not pixelated.

2 questions

1 ) are you certain the text is not embedded on an image?

2) where can I see the double text on your live site so I can try to trace the issue.

Regards,

FS

I just looked at your site. Your name does not appear twice.

You may be looking at a cached page, so you need to clear your cache.

I do see the double name. The sharp, clear one is your site title, which is generated by the theme. You can add CSS to your child theme to not show the site title. If you do that make sure you add the text to the Alt Text value of your image (because search engines can’t read images).

Another option is to remove the name from your image and move the site title using CSS to center and lower the text to the position you want. This may be the better option because then the text will stack on a mobile device and remain at an appropriate size for reading.

Update. I just saw that the previous post was referring to the live site, not the screen shot. So, this may already be resolved.

super thank you to all of you for your replies.

the screen shot I posted is a draft.
I did not publish it.

I’ll publish it and see what happens.
and then be back.
thank you again.
you guys rock. ??