Kyle Gabriel

I found the solution, which was merely clicking save on the permalinks settings page. No changes were made on the page, just open the page, click save, and all post links now work. Strange.

Charlie,

I believe what you’re looking to do can be accessed from Appearance -> Customize, then select Site Identity, and upload an image under Custom Logo. This will replace the text logo in the top left of the header.

Let me know if this does not work or is not what you are asking to do.

Kyle

I’m a little late to this thread, but looks like you found the answer.

The following determines the header height, from style.css:

.header-desc-wrap {
    height: 20em;
    padding-top: 5em;
}

Is this what you’re looking for?

Sorry for my absence.

You can change the title font in Appearance -> Atomic Options.

Good question. I believe you may have to use a plugin for what you’re trying to accomplish.

steelhorse,
This can be accomplished with a multisite. Each site can have its own, or set of, header images.
As for the header width, you may be able to accomplish your second request by setting the width to 100%. I haven’t tested this, so it may be more involved.

Sorry for the absence.
I would first disable all plugins to exclude them from casing the margin.
If you still have a page up that demonstrates your issue, I’ll take a look at it.

Sorry for the absence.
If you still have a page up that demonstrates your issue, I’ll take a look at it.

What’s preventing the overlay from being removed is the following <script> in your page source. Lines 120 to 124 of your page source has the following:

<style id="atomic-overlay-pattern" type="text/css">
	.overlay {
		background: rgba(0,0,0,0.2) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==) repeat;
	}
</style>

I’m not sure how that code got there, but once it’s removed, there won’t be an overlay. Perhaps it’s due to a plugin.

I believe if you can edit the <style> I mentioned above(or remove that code and edit style.css), just remove the entire rgba(0,0,0,0.2) and it should remove the overlay. it should look like this after:

.overlay {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==) repeat;
}

Okay, I found it. Somehow you have this code on your page that is taking priority over the stylesheets:

<style id="atomic-overlay-pattern" type="text/css">
		.overlay {
			background: rgba(0,0,0,0.2) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==) repeat;
		}
	</style>

I’m not sure how it got there, but that appears to be what;s stopping your child style.css from defining the opacity.

Opps, missed the child style.css. Continuing looking for the cause…

It appears your style.css wasn’t updated in the right spot. I still see an overlay of 0.2:

.overlay {
    background:rgba(0,0,0,0.2) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAADklEQVQIHWNgYGBoACMABIoBAUIssgcAAAAASUVORK5CYII=) repeat;
    min-height:12.5em;
    padding:0.9em 0 0
}

Glad to hear you fixed it. I would have suggested removing the padding of “.site-title a” in style.css.