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

This topic contains 61 replies, has 3 voices, and was last updated by  Leigh2018 8 months ago.

Viewing 14 posts - 49 through 62 (of 62 total)
  • Author
    Posts
  • #58857
    Private Reply

    Leigh2018
    Participant
    This reply has been marked as private.
    #58858

    Leigh2018
    Participant

    @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.

    #58859

    scrambler
    Moderator

    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.

    #58860

    Leigh2018
    Participant

    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???

    #58861

    Leigh2018
    Participant

    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?

    #58862

    Leigh2018
    Participant

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

    #58863

    scrambler
    Moderator

    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

    #58864

    scrambler
    Moderator

    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.
    #58865

    Leigh2018
    Participant

    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.

    #58866

    Leigh2018
    Participant

    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. 🙂

    #58867

    scrambler
    Moderator

    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

     

    #58868

    Leigh2018
    Participant

    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

    #58869

    scrambler
    Moderator

    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

    #58870

    Leigh2018
    Participant

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

Viewing 14 posts - 49 through 62 (of 62 total)

You must be logged in to reply to this topic.