Style not updating on front end

  • Hi Geoffrey,
    Thanks for the recent updates of your plugin. My account issues are solved.
    Since you added styling options in the back-office, I have deleted all my personal CSS rules and used the plugin ones.
    My choices are correctly reflected in the sample feed of the back-office, but I can’t get them to show up on the website. For instance, I have set the font size to 13px, and it’s always 15px on the website. Size seems to be related to these rules:


    .bluesky-social-integration-last-post-content {
    word-wrap: break-word !important;
    word-break: break-word !important;
    font-size: var(--bluesky-posts-custom-post-content-fs, 15px) !important;
    }

    found in bluesky-social-posts.css at line 168. And this 15px rule never updates even after modifying it in the back office and saving my changes…

    Any idea?
    Best,
    Christophe

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Geoffrey

    (@creativejuiz)

    Hello @christophe971

    When you do the test in front do you use the default layout or the new simplified layout?

    Do you have a test URL available online so I can check in live?

    I’ll double check on my websites this evening. The 15px should be a fallback value just in case. ??

    I come back to you soon with a solution.

    How do you find the usability of the admin area for these font-size settings?

    Thanks for the feedback Christophe!

    Thread Starter christophe971

    (@christophe971)

    Hello Geoffrey,

    I have tried both layouts. Same problem each time ??
    Not sure of what you call a ‘test URL’, but here is the page where it’s used: https://lagence.bananierbleu.fr/actualite/
    And yes, the admin area seems very easy to use and intuitive!

    Best,
    Christophe

    Plugin Author Geoffrey

    (@creativejuiz)

    Thank you @christophe971 for the URL.
    I can better see what’s missing. When you choose custom sizes, I print a small piece of custom CSS variables in the head of your theme. But it seems they are missing in your case.

    Apparently it works for the Gutenberg block, but not for the widget (that I tested only now on one of my old website). Widgets were supposed to be a edge case as fallback so I don’t take much time testing those. Sorry about that.

    I’ll fix this during the day or this evening.
    Thank you for the help!

    Plugin Author Geoffrey

    (@creativejuiz)

    Hello @christophe971

    I’ve just updated the plugin to version 1.4.2, with a fix to force the printing of the custom CSS.
    If you are using the version 2 of the layout for the post feed, there is a known omission on my side: the part “@bananierbleu.bsky.social” isn’t configurable just yet but it’ll come soon as an evolution for both layout.

    The update also comes with a design decision: some visual adjustements are made if the widget doesn’t have enough room: bluesky butterfly button will be slightly more discreet, some padding loss too. A bit more compact.

    Hope this update fixes the issue for you. It did for my old blog, but I want to be sure.

    Une excellente soirée !

    Thread Starter christophe971

    (@christophe971)

    Hi Geoffrey,
    And many thanks for your time and efforts. I though still have issues…

    • Just to be clear, in this page, it’s not a widget, but a block (I use Astra theme with built-in Spectra builder). In this block I display your post feed and I have also tried the shortcode, with the same results.
    • CSS modifications are still not showing, and I still have the same “15px !important;” rule issue
    • There also seems to have a new issue in the back office, in styling options. The box used to select text sizes has disappeared, far below the first box for header sizes… (they were displayed side by side previously). I also have a debug bar at the top right of the page…

    Sorry for the troubles… (et bonne soirée quand-même !!)

    Plugin Author Geoffrey

    (@creativejuiz)

    Hello @christophe971

    Ho, we should’ve started with this info: Spectra apparently does a lot in the background without telling you, like removing inline styles or deciding which styles are used to clean up the front-end.

    I’ve tried something so that the styles would pass through the Spectra cleaning mechanism, but I’m totally unsure as I can’t test it at the moment. (I’ve read some people online having the same issue)
    Hoping this fix with the coming v1.4.4 works.

    For the admin area, some bugs might be cache, other should happens only in layout Default, but I’ve fixed them in the 1.4.4, alongside other browser weird behaviour when you are browsing on a Chrome.

    Thanks for the good reporting again ??
    Keep me posted!

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.

Tags