Header image slightly off center

Can you post a link?

Sure it’s

https://www.airbrushingmadeasy.com/custom-painting-blog

Thanks

There is a section in the CSS under Presentation, Theme Editor where you should play around with the margin or padding settings for the header image. By just changing the padding a few pixels might do the trick.
If there are four numbers, the last one is probably the one you want to play around with [the order of the numbers refers to top, right, buttom, left].

Thank you so much!

Hi
I tried to adjust some of the margins in the rtl.css file but nothing seems to happen. Do you have anything other suggestions I could try?

Thanks again!

How did you get your headerimage in your blog in the first place? If you just replace the kubrik standard header with an image [with the same pixelsize of course], it should pop right in.

I changed these two parts of code in the header file. Not sure if that is the correct way to do it but it seemed to work after trying umpteen other things.

#page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/Custom-Painting-Banner.jpg”) repeat-y top; border: none; }
<?php } ?>

<h1“><img src=”https://www.airbrushingmadeasy.com/images/Custom-Painting-Banner.jpg&#8221; width=”745″ height= “200” alt=”Airbrush Logo”></h1>

The way I change header files is that I upload my header image into the images directory and then just replace the image.jpg in the CSS header section.
Works everytime.

is it really that simple? I wish I had spoken to you earlier. I’ll try this and see if it centers it properly. Thanks so much for your help. This really isn’t my forte

Is that in the Header.php file that you cahnge the img.jpg ?

no, not the header.php file.
here’s what i do:

upload your header image on your ftp site into the folder

/httpdocs/wp-content/themes/THEME/images

where ‘THEME’ is the directory of whatever theme you’re using [e.g. kubrick].
you should also see the default header image in this folder

then, go to your dashboard and then Presentation > theme editor > style.css

find the section that defines the header. mine looks like this:

#head{
background-color: #ffffff;
background-image: url(images/IMAGE.jpg);
background-repeat: no repeat;
height: 180px;
width: 900px;
padding: 0px;
margin: 10px 10px 10px 0px;

as you can see the background image points to your images folder. just replace IMAGE with the name of your header image, then save the changes.

that should do it.

make sure that your header has the same pixel size as the default header to avoid “misalignment”.