dimig

Anyway, don’t get too hung up about this if I’m the only one with the problem. I’ll find someone to tinker with the site.

I was too quick to mark this as resolved. The problem has returned. It doesn’t matter which of the above CSS I use, it’s still there. This is so weird.

The gaps seems to happen exclusively in the left column, but as a result of posts in either column not lining up exactly. And it’s not just under the posts with featured images now. (Again, I’ve tried different CSS, all with the same result.)

Some screenshots again:

https://pla.za.com/wp-content/uploads/2015/10/Screenshot-from-2015-10-15-194643.png

https://pla.za.com/wp-content/uploads/2015/10/Screenshot-from-2015-10-15-194651.png

https://pla.za.com/wp-content/uploads/2015/10/Screenshot-from-2015-10-15-194701.png

There appears to be no rhyme or reason as to when the gaps start to happen, just under what conditions the posts will misalign if they do decide to start doing so, but they do sometimes vanish when I fiddle enough with the site (but even that isn’t reliable).

Yep, I am planning to do that. Thank you for clearing that up. I do have to keep the rating at four stars because the plugin is not entirely ideal for all circumstances. Please don’t hate me.

I do have transition effects active, yep.

Changing other CSS doesn’t seem to help, but that worked, yep. Interestingly, changing the value to 300px reintroduces the problem.

Thanks!

Sorry, Ben, I thought I had replied to this.

The Google Library plugin did nothing.

Yesterday, I played with the widget area I’ve inserted above the navigation menus, and the problem suddenly resolved itself. It was fixed for a day.

But the gaps returned again just a few hours ago. I’ve noticed something that may help to track the problem down: the gaps appear below posts which have featured images. (I’m not sure if this was always the case. I’ll keep an eye out.)

I’ll see if removing custom CSS that targets that element or the excerpts fixes anything.

I’ll keep you updated.

*The culprit is not my custom widget area. The problem appeared even before that, and a fresh/base theme still has the problem.

It makes no difference if I wait for the site to fully load before scrolling. I disabled lazy loading now and the problem is still there.

I am using Windows 8.1 and Mint 17.2, if that helps any.

I just realised how patronising that must be to you. ?? Sorry.

The CSS didn’t work, unfortunately.

In Linux, I use Firefox 41.01 and Chrome 45.0.2454.101

In Windows, I have Firefox 39.0, Chrome 45.0.2454.101, and Opera 32.0

The problem persists in every OS and browser. It’s strange that it’s not showing for you. Maybe clear your cache?

Elsewhere, someone helped me fix the pseudo-class problems. However

1) I’m still having trouble targeting the heading. It was suggested I try

.pre-header-widget > h3 {
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.34;
}

but that doesn’t work, either.

2) For some reason, the mouse doesn’t register the pre-header widget’s links as links but as text. Any idea why?

Thank you, bcworkz. I’ve made some progress. However, I can’t figure out two things:

1. The heading for the pre-header widget is h3, while the heading in the footer is h4. Is there any way to force the pre-header widget’s heading to display as h4? I tried forcing it with

.pre-header-widget .h3 {
//specifications provided for h4 in style.css
}

but that did not work.

2. I can’t get the hover transitions to work. I copy-pasted all of this stuff into the customizer:

.pre-header-widget a {
  transition: all .2s ease;
}

.pre-header-widget li a:link {
  color: #8c8c8c;
  cursor: auto;
  font-family: raleway, sans-serif;
  font-weight: normal;
  opacity: 0.6;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.pre-header-widget li a:hover {
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: ease;
}

None of it did anything, as far as I can tell.

Any ideas?

I’ve decided to head in another direction now (creating a widget area above the header), but your suggestion has actually been super helpful in that regard, Ross. Thank you, I didn’t know other theme files could be copied there, too.

The one variation I didn’t try, apparently. ?? Thank you.

Moving the code snippets from header.php around didn’t work, anyway. It just created a duplicate header. Removing the social code just resulted in a pluggable.php error. This is way over my head. I guess I’ll spend a few hundred dollars on someone. :/

Thanks for the help, I learned some things. ??

Marking as resolved.

don’t forget to activate in your .htaccess file the Header set Cache-Control and ExpiresByType functions to control the browser cache

I’m a WP newbie. ?? Would you mind explaining how to do that?