The issue is happen on all of our reviews (hundreds of individual pages).

Our Single Post cloud template started as a blank page and was made custom with TagDiv Composer. The Review summary block comes at the very end. The structure of the page looks like:

Single Post Content
Single Post Review Summary
Single Post Review Overall

Could this be why the review metadata is appearing outside of </article>? If so, how can we fix it?

I have narrowed this down to the “TagDiv Standard Pack” plugin that is part of the theme. When TagDiv Standard Pack is disabled, the duplicate block disappears.

How can I fix this issue?

For more clarity, I am running Newspaper 12.7.5 and WordPress 6.9.4

• This reply was modified 4 months by muterobert.

I have now set the color as the Mobile Toolbar Background, however I’m still seeing the same inconsistent behavior. Sometimes the sticky menu uses the right color, sometimes it doesn’t, and the top static menu never does: https://imgur.com/a/Rc81wQ2

Thanks Calin, this is very helpful, especially the testing page.

Our current site is running a year’s old version of Newsmag (not Newspaper). Although it has a similar review system, the tester you shared is saying our reviews are not valid for inclusion in Google snippets, even though Google clearly sees that the post type is declared as a “Review”:

https://search.google.com/test/rich-results/result/r%2Freview-snippet?id=cjy4mDcOxaIsAPNu7L2u-Q

We have hundreds of such reviews. Any idea how we can fix this in the meantime, until we get the new version of our site online?

Thanks for the reply!

Using this code:

.single-post blockquote.td_quote_box {
background: white;
position: relative;
left: -30px;
width: calc(100% + 60px);
}

Gives this result: https://i.imgur.com/OFUqxmQ.png

Removing the “+ 60px” gives this result: https://i.imgur.com/xg5pku5.png

It’s closer, but still not spanning the entire width of the parent container

The origin page is here if you’d like to take a look directly: https://alpha.roadtovr.com/another-axiom-project-a2-echo-vr-gorilla-tag/

Thanks this is exactly what I was looking for!

I see that Single Post Featured Image doesn’t have an “image height” option to define the aspect ratio (while the BG version does). Will the element automatically use the aspect ratio of the image itself?

Nevermind, this was indeed a permissions issue. The wrong user was changed to admin. Once the correct user was made admin, it worked! Leaving my dumb mistake here to maybe help someone in the future 😆

Thanks for the insights Simion. Yes we’re on a very old version but can’t update for fear of breaking other things on the site (running an old version of WP and PHP).

My goal with editing style.css is to minify the style.css. It’s excessively large and causing speed issues with the site.

If directly editing style.css isn’t possible, can you recommend any other ways to minify it?

We use W3 Total Cache, which is supposed to support CSS minification, but it doesn’t appear to be doing this for style.css Maybe this is an incompatibility issue between the theme structure and W3 Total Cache, or maybe it is minifying style.css but not style.css?ver=3.2, which is the actual file being served?

I’ve tried kicking all available caches on /style.css and /style.css?ver=3.2, and what happens is I can see the minfification when I load /style.css, but when I load /style.css?ver=3.2, I only see the old code. And as I mentioned, the file that’s actually being serve to visitors is /style.css?ver=3.2.

ver=3.2 seems to be related to the version number of the style.css sheet rather than a cache: https://i.imgur.com/FzlXHGw.png

I’ve tried clearing every cache I have access too and can’t get any changes to stick.

I’d love to be able to edit it directly through the editor, but even if I have to do it via FTP… I still need to know which file to edit exactly. Because https://roadtovr.com/wp-content/themes/Newsmag/style.css doesn’t seem to be the correct file.

Thanks! Once you make this change do you still specify the fonts you’re using via the Theme Panel?

Which minifier are you using and which version of WordPress/PHP, if I may ask?

Since I’m not using an excerpt, is it possible to set the title length based on character count instead of word count?

Via WordPress.com, or self-hosted WordPress?

We do not. We are running a hosted setup via WordPress.com

This worked, thank you!

I’m not seeing the same options: https://imgur.com/a/uRlTGaj

This needs to happen on every page, but here is the front page where it is happening as one example: https://roadtovrcom.wpcomstaging.com/

• This reply was modified 3 years by muterobert.

Thanks Calin, my question is whether I can change those breakpoint values from their defaults to something else?

I’ve found the issue. For some reason when I select ‘Sticky’ on my header row (to make the header sticky), it hides the header in the phone Viewport.

How can I fix this so that I can still have a sticky header on the Phone viewport?

For anyone needing to find a way to make the arrows show permanently, you can use this CSS:

.[class name] .td-theme-slider i.td-slide-nav{
opacity: 1;
z-index: 1;
}

Insert your own name in [class name] (without the brackets), then add that name to the ‘Extra Class’ field in the block that you want to modify.

You can add another one with a different class name and then add that name to a different block to make different behavior for individual blocks.

It looks like this behavior is happening within the header itself, not the page.

Here I created a new blank header via Cloud Templates. All I did was add a text box, and you can see that it’s visible in all other viewports, but it disappears on the Phone viewport: https://imgur.com/a/UhhfSJv

Thanks for your response. If I understand you correctly, you are saying the header is in the content section because it appears I have it selected but we are seeing ‘Content’ in the editing panel.

Everything in the header is in the Header section as you can see here when it is selected: https://imgur.com/a/rY0BeXj

This header is working correctly across all pages, except when selecting the phone viewport.

Alternatively if there’s a way that I can modify the Slide block to make these blue arrows always visible (they only appear on mouse hover), this would be the easiest fix to my issue.

Is there any way to do this via CSS or editing the Slide block’s code directly?

Thanks I’m trying this approach. When the viewport is set to mobile portrait I’m getting the behavior I want (the sliding portion), but when it’s set to mobile landscape the slide portion expands into a row of posts instead of a sliding row: https://imgur.com/a/CkIWPJj

How can I force the module to stay in the sliding style no matter the viewport width?

I’d also like the slider to load 10 posts instead of just 4, how can I do that?

• This reply was modified 3 years by muterobert.

This worked great, thanks for the quick fix!