Vy0m

I never really did find out. I had a few websites hosted on my VM. I one by one created replicas of my sites on a new VM, (not migrated, since then issue would have been migrated too). Then I discarded old VM. This issue never occured in new VM. But it did took quite a lot of efforts in recreating all sites on new VM.

I don’t remember configuring anything other than just setting up databases to be used by wordpress. So does that mean, it might be the culprit.

I dont understand what you mean by “have I configured it?”. I have changed themes, installed various plugins, yes. But not a lot of them.

Right now planning to migrate sites one by one to a new VPS to isolate problem.

But the problem is not solved. My site goes down almost every 24 hours (and even less). I reboot VPS and site comes back online. Don’t know how to troubleshoot what makes my sites do down. ??

Thanks for replying.

I am not sure if it’s a hardware issue. Currently I host about 4 different wordpress sites on a 20 GB SSD and 512 MB RAM VPS from Digital Ocean. Is that configuration too less for hosting 4 different wordpress sites, which don’t even get that much traffic as of now? (not even 150 views daily from all 4 sites combined).

Btw, it just went down again. I got following error when I tested the connection using a php code:
Could not connect: Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock' (111 "Connection refused")

So I tried attempting to restart only mysql, php5-fpm and nginx. None of which helped my sites go back online. So I again rebooted whole VPS. And then the sites came back online.

• This reply was modified 6 years, 9 months ago by Vy0m. Reason: edited more to less

Update: Ok, I kind of screwed up a bit.
After setting up the child theme, purpose of gaps was solved, but widgets kind of misplaced their places. I had to set up the widgets again. But now everything seems fine! ??

Did you “activated” the child theme from the Themes page?

I tried for the first time, creating a child theme (for Clean Retina) and successfully did so. Here are the steps for record:

1. First I created a directory “clean-retina-child” (name doesn’t matter), in ../wp-content/themes/ directory.
2. Then I made a style.css file in that directory.
3. After that I wrote the following code in a file (which reduces the gaps above header and between header and post):

/*
Theme Name:     Clean Retina Child
Theme URI:      https://www.ads-software.com/extend/themes/clean-retina
Description:    Child theme for the Clean Retina Theme
Author:         Vyom
Author URI:     https://vineetkumar.me/
Template:       clean-retina
Version:        1.0
*/

@import url("../clean-retina/style.css");
@import url("../clean-retina/rtl.css");

/* =Header
----------------------------------------------- */
#branding {
	background: url("images/header-bg.jpg");
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: 0 7px 0 #f3f3f3;
	-webkit-box-shadow: 0 7px 0 #f3f3f3;
	box-shadow: 0 7px 0 #f3f3f3;
}
.hgroup-wrap {
	padding-top: 25px;
	padding-bottom: 20px; /* Changed from 45px */
}
.hgroup-wrap a {
	display: block;
}
.hgroup-wrap img {
	margin-top: 39px;
  	margin-bottom: 13px;
}
#site-logo {
	float: left;
  	margin-top: 1px; /* Changed from 39 px */
  	margin-bottom: 1px; /* Changed from 13 px */
}

4. I went to <mysite>/wp-admin/themes.php and changed theme to the theme which I just made, “Clean Retina Child”.

I think you missed 4th step.

PS: This theme rocks btw!! ??

I managed to reduce the spaces from CSS by analyzing which tags needs to be edited using Chromium’s Developers tools.

For the record, I found out two changes that needed to be done to reduce gaps above the header image and between the header and post area.

Bold parts represents changes:

#site-logo {
float: left;
margin-top: 1px; /* I changed it from 39 px */
margin-bottom: 1px; /* I changed it from 13 px */
}

.hgroup-wrap {
padding-top: 25px;
padding-bottom: 20px; /* I changed it from 45px */
}