cadfile

The 1.4.2 update fixed the issue

MaxterPC you should start a new thread because this one is resolved and the developers might not see you note

That’s why it is better to edit CSS files instead of function files because if you make mistake with the CSS the worst that will happen is the code will be ignored.

Do you have any other way to edit that “contact-form-7/includes/css/styles.css”? I use Filezilla and a text editor instead of the editor in the admin. Do you have access to the file manager on your webhost control panel – you can use it to edit the file.

If you can’t find a way to edit the contact form css then make the change to the code in the function file.

Just change the 1600px auto in background-size to 100% 100%

When you are using the plugin editor in the admin, look on the right side of the screen and the list of files. The one you need will be listed as “contact-form-7/includes/css/styles.css”

I don’t have the plugin myself but the ones I have that do have css files show up in my plugin file listing in the editor

The other item about changing the header file:

if ( ! empty( $header_image ) ) {
echo 'background: url(' . esc_url( $header_image ) . ') no-repeat scroll top; background-size: 1600px auto;';

It should say background-size: 1800px auto; – but you should still edit to background-size: 100% 100%;

Again really try to add the code to the form css file first before you edit the function file

The items I mentioned have to be there because I got the info from viewing the page source and using Firebug

You have a complicated header because of the form element.

Try adding the site header code to the css file your form7 plugin uses. The issue doing that is when the plugin gets updated you will have to add the code back to the file each time:

.site-header {
background-size: 100% 100% !important;
}

Add to /wp-content/plugins/contact-form-7/includes/css/styles.css

It it still doesn’t work then you will need to edit your header file that has this code in it:

<style type="text/css" id="twentythirteen-header-css">
.site-header {
background: url(https://amberandsteph.com/wp-content/uploads/2014/02/assitebanner121.jpg) no-repeat scroll top;
background-size: 1800px auto;
}
.site-title,
.site-description {
position: absolute;
clip: rect(1px 1px 1px 1px); /* IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
</style>

Where you see the background-size: selector you would need to change the numbers to 100% 100% !important instead of the 1800px auto;

Try adding the code to the form css first

I did notice you have an inline style section for your background photo https://amberandsteph.com/wp-content/uploads/2014/02/assitebanner121.jpg – it isn’t in your child theme css file.

It has the selector: twentythirteen-header-css

Try to add that to the code

.site-header .twentythirteen-header-css {
background-size: 100% 100% !important;
}

See what that does

I looked at your css file at https://amberandsteph.com/wp-content/themes/twentythirteen-child/style.css and didn’t see the code. Did you save the file back when you added it?

When I added the code using Firebug it worked for me.

Yes add the code yo your child theme’s css file. You won’t get the white screen of death if you mess up.

I’m not sure how your opt-in form will act since it is an overlay (not part of the image).

Sounds like you might want to look into having a separate theme for mobile screens rather than squeezing your desktop version into a small screen.

I solved my issue. Inside the function I finally figured out what the block of code was to choose what url to write in the og:url tag:

<?php if(!is_single()){
    if(is_home() || is_front_page()){ // not sure if you have set a static page as your front page
        echo '<meta property="og:url" content="'.get_bloginfo('url').'" />';
    }elseif(is_tag()){
        echo '<meta property="og:url" content="https://'.$_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"].' ">';
        }
}
?>

The main issue was syntax errors in the data used for the echo statements and I used a PHP syntax checker to knock them down.

Ahhh, that makes sense. I keep thinking major update is 3 to 4 and minor 3.7.1 to 3.8

Thanks

I am getting the notice in the admin that an update is available but the system isn’t doing the update automatically. It worked with the same plugins and setup for the 3.7.1 update.

I’ve also posted new posts and updated plugins since the 12th

I read where the updates aren’t in real time but are rolled out and I was concerned that it had been 5 days and no update.

I hit the update button just now and it updated fine

Seems to be a conflict with the WordPress SEO plugin. Not sure what the conflict is but it keeps the image from going through and removes the title from the link preview

I ended up making that element:

.site-header {
background-size: 100% 100% !important;
}

Making the height 100% seems to reduce the space at the bottom more than set at auto. On my child theme there was no space between the header image and the nav bar with both set for 100%

There will be some overlap where the nav bar overlaps the bottom of the header image by a few pxs but nothing you can’t fix by editing the header image

I tried the function route and got the “can’t re-declare function” error and don’t know enough to get around that.

I’m not looking for a pretty solution just a functional one for now so I ended up just doing a basic css line:

.site-header {
	background-size: 100% auto !important;
}

That did work while not having to change a core file which I would have done if the css didn’t work.

I want the image to reduce as the screen reduces I could probably do the 100% auto in a media call but until I learn it this will have to do.

That is one way to do it but seems not to address the way 2012 handled it. Here is how 2012 handled the header image:

<?php $header_image = get_header_image();
		if ( ! empty( $header_image ) ) : ?>
			<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
		<?php endif; ?>

Then in css “header-image” class was under the media section with width 100% and height auto

So I’ll try to either make the current code work or hack it back to how 2012 did it.