Heimhenge

Thanks for your quick and accurate response. Worked perfectly!

Thanks. I can see what’s happening. Didn’t think to inspect the underlying HTML. No idea why WP would fix the container size at 660px. I assume there is no “switch” in any of the WP setting that could change that. Not sure that can be solved with CSS either. Will probably need to edit some PHP file in my child theme. What do you think?

Partially answered my own question. It seems what gets shown on Facebook when you share a page is a matter of how Facebook parses a page. This is controllable by using something called Open Graph Markup Tags.

Moderator can consider this thread closed, thanks.

Thanks Tobias. Worked perfectly! Kinda clunky when and exponent follows a line break. ?? Plus, I learned a new CSS trick. Rated TablePress 5/5. Great plugin, and these new extensions were sorely needed.

Well it’s running well enough for my purposes now. I’ll patiently await your next version. In the meantime, here’s one more thing to check …

When a subscription message runs more than one line and has to break, there is excessive space between those two lines of text relative to the size of the text. Just looks weird to my eyes. So my workaround for that was changing those messages in the Post Notif Settings so that they said the equivalent in a single line.

As you observed, more user control over the message fonts would be a good thing. Thanks again for a great plugin!

Heya Devon,

OK, thanks. Wasn’t sure I was reading Firebug correctly for the CSS selectors. That is strange though, how one message gets spaced differently than the others. I’ll play around with “margin-top: -25px” value and that should get me the extra space I’d like before all the messages. Like I said … no big deal since I don’t expect that “already subscribed” message to show up much in practice.

I’m guessing that different spacing is coming from the fact that, on other messages the form remains visible, but for this one the form disappears.

FYI, if you got 2 post notifications for the June 5 Sky Lights it’s because I forgot to declare the “featured image” on that first one. It’s just an extra step I need to remember now that I’m using images in my notifications.

Thanks again. You could probably mark this as resolved.

There are several messages that appear in the subscription form widget. Your suggestion gave me some clues to go on. So here’s the CSS I’m using now:

/* Post Notif subscription widget changed to remove vertical space between widget title and form */
#id_frmSubscribe {
    margin-top: -25px;
}

/* Post Notif subscription form messages moved down to prevent overlap with widget title */
#id_spnErrorMsg, #id_spnSuccessMsg, #id_lblCallToAction {
   margin-top: 30px;
   font-family: Arial;
   font-size: 12px;
   color: #C3C3C3;
}

This positions all of those messages properly except the one that tells you you’re already subscribed. See: https://heimhenge.com/downloads/Post-Notif-subscribed.jpg.

I’d like to add a little more space between the widget title and that message, but that message doesn’t respond to any selector I can find. Firebug tells me it is “id_spnSuccessMsg” (which I included as a CSS selector). No big deal, since that’s probably a seldom used message, but curious about what I’m missing.

Oops. Spoke too soon. Now I’m gonna need another CSS selector to move the “check your email” text that displays after you subscribe. Apparently, moving the widget title using negative px causes it to clash/overwrite that message. See:

https://heimhenge.com/downloads/Post-Notif-confirm.jpg

I could move that message down also if you provide the selector. Thanks.

Hiya Devon,

Thanks! I tried the suggested CSS and it works just fine. See it here: https://sky-lights.org/subscribe_to_sky_lights/

Would be happy to beta for you again. Totally agree that those element IDs could lead to problems/conflicts down the road. Since I only have one subscription form on my site (yours) I doubt it’ll cause any issues here.

When you get into that widget configuration stuff, consider the layout options for the text boxes on the subscription form. They do weird things when I change my screen size and the responsive theme adjusts. Go to that page of my site and drag the width of your browser window wider/narrower/full screen and watch what happens. Would be better to have a fixed box width imho. And it might be good to make the subscribe button look more like button.

Google Analytics told me early last year that the number of my readers using smartphones had surpassed those using desktops. That’s when I decided I needed a responsive theme. Since I made the switch, a whole new round of design decisions was needed. This was one of them.

OK, I figured out how to change the background and text. At least to the way I wanted it. For those interested, here’s the CSS:

/* Sets parameters for Cyclone Slider caption title/description */

.cycloneslider-caption {
opacity: 1.0 !important;
}

.cycloneslider-caption-title, .cycloneslider-caption-description {
font-family: Arial;
color: #e6e6e6;
background-color: rgb(50, 50, 50);
}

But I can’t find any way to reduce the size of the box around the caption/description. I’d like it to be about half the height it is since my caption/description never runs more than one line. Any ideas?

Yep. This is what I’m going with. I like the “teaser” aspect of the thumbnail in the post notification and already see increases in the click-throughs. Works for me.

I was not aware that was possible with Post Notif. Must have missed it in the documentation somewhere. I think the existence of the @@featuredimage variable just made me assume that was the only way to get an image through. So yeah, I know how to do that using HTML.

Here’s the rub … that process would require editing the body of the post notification on a per-post basis to insert the new image URL. The way I’m doing it now (after finally ironing out the bugs) requires only that I tag my main image as a featured image while in the editor. Less steps overall. All my featured images are internal, already in Media Library.

I wasn’t happy about needing another plugin. I have 18 now, and with any plugins one takes a risk that they’ll break after a WP upgrade or cease being supported. But hell, that’s just part of the WP world. Plugins have helped me more than they’ve burned me. I’m going with what I’ve got now. You could probably mark this as resolved. Thanks again.

Well I found the CSS solution to adjusting the title position on my landing page after removing the featured image with that plugin. Was just a matter of getting the right CSS selectors to affect only the landing page. Here’s what worked:

.home .site-main .entry-header { padding-top: 28px; }

Without that specificity, any padding I applied was also affect other posts and pages. Hope this helps some other Post Notif users. I added some more tags to this thread. Thanks again, Devon.

No worries. The tricky part was finding the right CSS selectors to affect ONLY the landing/home page and not affect any other posts or pages. So I thought I’d post the solution here. I also added some tags

Thanks Cyrill. I sent you the requested info, then just awhile ago discovered the CSS I need to correct the issue. The problem was that when your plugin removes the featured image I don’t want on my posts, the post title shifted up to the top of the content area. It didn’t happen on older posts, just the most recent post which I use as my landing page.

I only need the thumbnails for teasers in the emailed new post notifications and don’t need them on my actual posts.

So the first CSS I tried was:

.entry-header { padding-top: 28px; }

but that shifted the titles down on ALL posts and pages, even though the landing page was now good. So then I tried:

.home .site-main .entry-header { padding-top: 28px; }

and that did exactly what I needed. Maybe this will help some of your other users. Thanks again for the assistance. You may mark this as resolved (at least for me).