netniks

Hi Ben,
Thanks for the CSS! I don’t think that I would have been able to isolate the style you indicated on my own.

I added this to my Custom CSS to disable the mobile menu animation, plus, added a white background color to eliminate the horizontal lines:

#menu-primary,
#menu-primary-tracks {
  transition: none;
  background-color: white;
}

Is there an easy way to remove the tagline in the mobile view, as it is too close to the condensed menu icon, as seen here.

Thanks and regards,
Todd

Hi Ben,
You were on to the solution earlier, but I misdirected you somewhat. I was able to go through a process of elimination on the colors in the Tracks style.css and replace colors with #fff (white). This isolated the following CSS:

@media all and (min-width: 56.25em) {
  .entry .featured-image:after {
    position: absolute;
    content: '';
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0.2;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }

I’m not well-versed with media queries, but substituting “#fff” for the original “#222” took care of the dark color overlay. I wouldn’t normally think of a “background-color” as an overlay, but the reduced opacity of the image in this location made it so that the background color affected the appearance of the image layer.

Thanks again!
Todd

This CSS is affecting the opacity, as this screenshot indicates. I set the opacity to 0.3, and obtained the dimming effect. It doesn’t remove the dark overlay, however.

I deactivated a few plugins which resulted in some formatting changes, but no change in the overlay. My plugins consist of “Disable Comments”, “Posts in Page”, and “WP Retina 2x”.

I added a white image for further testing. On the homepage, the white image read as #ffffff, while the same image read as #dcdcdc on the Posts in Page page, or the “Physical” page on my site. It’s also 220, 220, 220 in RGB. Could it be defaulting to a gray, or picking up a gray from an unclosed style? Something that the homepage is not being affected by?

Assuming the color is being delivered at full strength, that is, not being shown at an opaque level of gray, I just now went through the colors in “Custom CSS”, and could not find anything set to #dcdcdc.

I’m using the “Posts in Page” by IvyCat Web Services, and the following shortcode: [ic_add_posts category=’physical’ template=’content-archive-pip.php’]

Hi Ben,
Thanks for that. I did make an attempt to figure it out on my own, but I completely missed the semicolons. The Post images are scaling beautifully, now.

I hate that I’m asking so much of your time, and that my site is stuck behind a firewall. I don’t have control over the access, as this is a corporate environment.

If you’re able to glean anything regarding the dark image from this video, that would be great: https://www.youtube.com/watch?v=uLvKBB3LXhs

If it’s too much to resolve without the needed access, that’s Okay, as you have helped me a lot!

Thanks and regards,
Todd

Hi Ben,
I plugged this into either just the Custom CSS window, or into the style.css of my Tracks Child theme, and I’m not getting the zoom effect. Could it be because I don’t have a default zoom set? FWIW, the Posts in Pages are darker at the start than they are on the homepage of my site, however, they lighten up to full brightness when hovered over.

For the sake of clarity, here is a screenshot: https://userpages.bright.net/~toddw/tracks-post-in-page-2.png

Also, this is the entirety of CSS contained in my Child theme’s style.css:

.logo {
  max-width: 100% !important;
  max-height: 90px !important;
}
.site-header .site-title {
  opacity: 1;
}
.site-header {
 margin-bottom: 20px;
}
@media all and (min-width: 50em) {
  .site-description {
    top: 74px !important;
    }
}
.excerpt-container,
.excerpt {
  background-color: #f8f8f8;
}
.entry {
  margin: 0 auto;
  width: 100%;
}
.entry-container {
  padding: 0 !important;
}
.singular-page .entry-title {
 font-size: 21px;
 line-height: 24px;
}
.singular-page .entry {
  padding-top: 0;
}
.singular-page .site-header {
  padding-bottom: 12px;
}

.singular .excerpt .featured-image {
  margin: 0 !important;
}
.singular .excerpt a {
  text-decoration: none !important;
}

.singular article .excerpt:nth-child(odd) .excerpt-container {
  float: right;
}
.singular article .excerpt:nth-child(odd) .featured-image {
  right: auto;
  left: -1px;
}

Thanks,
Todd

Thanks, Ben!

I probably didn’t get something in the original “How to Include a List of WordPress Posts in a Page” blog entry, as the posts that I am bringing into a page do not feature the hover zoom effect. The opacity brightens up, but no zoom.

Thanks and regards,
Todd

Beautiful! Thanks, Ben!!!

If only I had been a little less timid in changing the CSS, but your CSS took care of it.

Thanks!
Todd

I think I submitted this question 5 minutes ago… Wow!!!

Thanks Ben, this worked beautifully.

https://userpages.bright.net/~toddw/tracks-screenshot-2.png

Thanks again!
Todd

Hi Bojan,
Thanks! That helps me get more accustomed to WordPress integration.

Thanks, and I wish you all the best!
Todd

Hi Bojan,
That does help,… thanks! And thank you for responding so quickly. I hope that you’re doing well, too.

I imagine that if my components were to be contained in widgets, then I could compose a sidebar like that in my pdf by using your Custom Sidebars plugin.

Since I’m more in need of a customized sidebar, would you have a suggestion of what I could do to accomplish my goal?

I have some CSS and HTML skills, and could develop the sidebar as a separate thing, but integrating it into my WordPress theme is pretty foreign to me.

Thanks again and best regards,
Todd

Thank you! Thank you! This thread was started quite a while ago (and remains relevant, of course), but helped me perfectly.

Thanks again,
Todd

Good questions; I have 4 quotes entered so far, and all but one are in either the “Steven Wright” or “Groucho Marx” Categories. I also supplied each quote with the respective authors of each quote.

WP Engine’s dashboard allows me to “Purge All Caches” and “Reset File Permissions”. I performed both tasks even though it looks as if “Reset File Permissions” is primarily for use after uploading via SFTP, which I haven’t used yet.

I went through deactivating plugins, but the one I noticed which I cannot deactivate is a plugin for WP Engine itself. The plugin identifies itself as “WP Engine Plugin v2.2.7” in the footer of the WP Engine dashboard, but I don’t see an entry for it in the plugins section of WordPress. However, upon selective plugin deactivation, the displayed quote didn’t change. I’m going forward with the assumption that the existing plugins do not appear to be the issue.

The consistent element is that Quote Master displays the last quote in my entered list of quotes. If I delete the last quote, then the next one up from that becomes the default quote displayed.

Displaying quotes is not an essential part of my site, so it’s not imperative that my situation is resolved. If I could troubleshoot from a local installation of WordPress, I would, as that could possibly shed more light on what’s going on. As it is, maybe a couple of other commenters are seeing the same issue, but describing it differently enough to appear like unrelated issues?

Thanks and regards,
Todd

Since my last post, I re-installed mysql, WordPress and Thesis (a commercial theme). Now that it is all working correctly, I need to go back and enable virtualhosts. I want to note here that an entry on Dan Benjamin’s blog helped me install and configure mysql.
A key stylesheet still produces Warning: Division by zero in /Users/twheeler/Sites/wordpress/wp-content/themes/thesis/lib/css/content.php on several dozen lines, but doesn’t prevent the theme from displaying the way it is supposed to.
I’m not knowledgeable enough to pinpoint the problem I encountered, but I respect and envy those of you with authentic *nix and programming experience – suffice it to say that building one’s own webserver is possible with a modest amount of kung fu and the help of good people found here.