paulwpxp

I’m glad it worked out 🙂

Your code doesn’t work in small screen because they are put into a media query, remove that code outside the media query and put it on its own will fix the problem.

Also maybe we can consider using this code instead on the footer credit part. This code use display none on the site info div and add in our own text to its outer container.

/* remove site credit */
.site-info { display: none; }

/* add our own footer credit */
.site-footer::after { content: "Website door Wesley Delpeut - Copyright © 2016 Topgeruimd"; display: block; }

Or use this code, it’s the same as above but with adjustment for small screen.

/* remove site credit */
.site-info { display: none; }

/* add our own footer credit */
.site-footer::before { content: "Website door Wesley Delpeut"; display: inline-block; }
.site-footer::after { content: " - Copyright © 2016 Topgeruimd"; display: inline-block; }

/* adjust for small screen */
@media (max-width: 640px) {
	.site-footer::before { display: block; margin-bottom: 5px; font-size: 120%; }
	.site-footer::after { content: "Copyright © 2016 Topgeruimd"; font-size: 90%; }
}

It’s worth noting that there is one big issue on the Custom CSS is implemented on the site right now. It seems to me that it contains a modified copy version of whole main theme style.css, if this is true it should get fixed, because doing it this way is hard to debug/manage and hard to keep it update with theme.

The Custom CSS should only contains changes that we want to override.

You’re “Welcome”!

You got the best name in the world 🙂

It sounds like the home(posts listing page) is cached probably server side caching or browser cache so it still shows, but when clicked on it to single post page it returned 404. So try deleting browser cache and reload the page. Also see if there is server side caching at work here.

We can use this code to achieve that

#main .widget-area ul { text-align: center; }
#main ul#pretty-pinterest-pins-widget li.pretty-pinterest-pin div.pretty-pinterest-image { margin-left: auto; margin-right: auto; }

The second line of code shouldn’t be necessary long but since the pinterest plugin use this selector so we have to use the same to be able to override it.

Use the code in Jetpack’s Custom CSS module (or via any standalone Custom CSS plugin).

Suppose your other 2 logo images are 150px by 70px.

This code will do just that but I wrap it in media query for screen wider than 980px, if you want them also appear in smaller screen please adjust the code as you like.

@media (min-width: 960px) {

	.header-image { position: relative; }
	.header-image a[rel="home"]::before,
	.header-image a[rel="home"]::after {
		background-image: url("http://dummyimage.com/150x70/000/fff.png");
		content: ""; display: block;
		width: 150px; height: 70px;
		position: absolute;
		left: 0; top: 0;
	}

	.header-image a[rel="home"]::after {
		background-image: url("http://dummyimage.com/150x70/ffff00/000000.png");
		left: auto; right: 0;
	}

}

Do not forget to replace both of the image URLs to your own. Upload the logo into your site first and get the URLs to use.

Please do this in order

1. Activate Twenty Sixteen theme (or other WP default theme)
2. Delete Fukasawa theme
3. Delete Fukusawa Child theme
4. Install and activate Fukasawa theme
5. Install and activate Fukusawa Child theme

The reason of doing this is because I think your parent theme is still corrupted (there is a folder name css in theme stylesheet part which is not what original theme does), updating theme only replaces file that’d beed changed based on version number, so we need to just delete it and re-install fresh.

If done right, on the step 4, we should see the site display normally in Fukusawa theme, this is to make sure that the install is good.

And then we try on our child theme (with function as shown in my first post) in step5.