Will Weaver Xtreme Do This? (posts show with excerpts that pop up)

[Leigh2018]

This reply has been marked as private.

[Leigh2018]

@scrambler – never pasted code in a forum so not sure if that is correct way … it made a full one in between each one which is not really there.

[scrambler]

I forgot to ask

Did you keep the featured image setting in the post specifics to: Featured Image Excerpts > position: beside page/post no wrap

Because if you changed that it would explain the issue

Looking at the article page, it seems to changed the FI setting to before title, that would make the CSS I gave you for the Home page inadequate.

[Leigh2018]

Oh I went back to your early post today and saw that you had originally said:

Prerequisites:

• Set the Blog featured image position to above title, centered and full size

 

I just set it to be above title to see if that would fix it because it was doing this funky stuff with it set to beside page/post no wrap too.

Just changed it back to that one and it now might be working right again. How weird that it was messed up from the get go and I thought it was because the image above title would fix it and it didn’t and now back to this and it works… maybe???

[Leigh2018]

Also I just added in the sitewide bottom widgets and it works with them.  So it wasn’t working right for some reason,  but glad it works now! Unless you see something else I need to do, I guess I will work on those errors now… headed to my safari developer console.

Do you think it looks all good now?

[Leigh2018]

oh wait.. the titles are not padded enough… I guess I need to change that.

[scrambler]

Probably a cache issue that made you misinterpret cause and effect.

It is working now.

Note you are using the set of rules that maintain the effect on mobile. last I had given you rules to only have the effect on desktop.

And yes you need padding on the post area, you should be able to use the post area settings for that

[scrambler]

And errors are still there in the console

1. SCRIPT5009: SCRIPT5009: ‘MicroModal’ is not defined

   front.js (1,2)

2. Can’t Load URL: The domain of this URL isn’t included in the app’s domains. To be able to load this URL, add all domains and subdomains of your app to the App Domains field in your app settings.
3. ErrorUtils caught an error: “<![EX[[“Tried to listen to element of type %s from %s: %s”,”click”,”Error”,”C…”. Subsequent errors won’t be logged; see https://fburl.com/debugjs.

[Leigh2018]

I just added a left padding of 3 in the customizer. Is that ok to do or should I change the CSS padding? (I guess that is what you mean by post area settings, yes?)

 

Yes I saved that CSS for mobile that you gave me, but she is happy with how it looks on mobile… knowing it might not render on all mobile the same way… so I left it for now. Looks fabulous on my iPhone 7 with iOS 11.

[Leigh2018]

I am going to get with SG on those errors…. they seem to fix everything like that in a transfer, happily. 🙂 Happily for me too. And thank YOU!!! Again you SHINE. 🙂

[scrambler]

Yes global padding setting is good.

Remember I also gave you rules you can use to optimize the fit on reduced browser sizes

@media all and (min-width:768px) and (max-width:1000px;){
.home .wvrx-posts .wvrx-fi-link:hover + .post-area .entry-summary,
.home .wvrx-posts .post-area:hover .entry-summary,
.home .wvrx-posts .entry-summary:hover {padding-top:0;}

.home .wvrx-posts .entry-summary {font-size:0.75em;}

.blog-post-cols-3 .post-title,
.blog-post-cols-3-span-2 .post-title {font-size:1em;}
}

You can change the 1000px threshold as well as the font size values

 

[Leigh2018]

Would I just add that @media css in your last reply to the bottom of all the previous/used CSS code? And if so do you recommend I do that to accommodate smaller desktop and laptop screens?

I also deactivated and reactivated Jetpack and two errors disappeared. Down to 2 now. Of course Jetpack would give errors. LOL

[scrambler]

Yes the CSS goes after the current one.

You can add it, then observe what happens when you reduce the browser size, below the threshold(1000px), the space between title and excerpt will be reduced to save space, and fonts will get smaller.

By changing the threshold value you decide when that happens, and by changing the font sizes, you decide how much to reduce them

[Leigh2018]

Ok that sounds like a good idea to try. Thank you again!

[Author]

Posts