Rotating Star Effect

Solved Let's Build It

Did this solution help you?
Did you find the suggested solution useful? Why not buy me a coffee? It's a nice gesture, and a great way to show your appreciation💗

  • 15 Votes
    51 Posts

    Oh yes, that’s what’s super cool, I learn something every day. Afterwards I start from so low in JS

  • Fixing YouTube videos css

    Solved WordPress
    2 Votes
    8 Posts

    @phenomlab It looks good, but not anymore. I’ve already lost so much time. Now it’s time to move on

  • 2 Votes
    1 Posts

    I wanted a way to draw attention to the recent cards on the categories page to make them stand out more - and what better way to do this than with some CSS. Here’s a short video of the outcome of that very exercise. Watch the recent cards closely as I cycle through the themes.

    There’s a gradient being set there which is essentially two of the core colours in each theme.

    For example, in swatch “Anthracite”, it’s easy to see how this effect works


    Essentially, we are setting the border-color and color variables to match the color set by the category itself. Essentially, this is an extension of this thread

    The minor change here is just one line

    $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { $('.recent-card-container').each(function(i) { var dataId = $(this).attr("data-cid"); var color = $('[role="presentation"]', this).css("background-color"); //console.log("data-cid " + dataId + " is " + color); $('[data-cid="' + dataId + '"] .recent-card').attr("style", "border-color: " + color); $('[data-cid="' + dataId + '"] .recent-card h4 a').attr("style", "color: " + color); }); }); });

    The line in question is

    $('[data-cid="' + dataId + '"] .recent-card h4 a').attr("style", "color: " + color);

    By adding this line, we change both the border color, and the text color to match. I also chose to thicken the border by 1px to give it a bit more depth, which works very well. I did consider a box-shadow but I think that may look somewhat “overdone” and odd when coupled with other elements. The jury is still out on that one 🙂

  • 52 Votes
    87 Posts

    @Hari Glad to see this went so well, and that you’ve finally departed the Flarum ecosystem 🙂

  • 2 Votes
    7 Posts

    yeah you’re right @phenomlab.
    Problem of NodeBB Version

  • 1 Votes
    2 Posts

    @hari the cache level for woocommerce should always be bypass. Any caching of woocommerce will cause you serious issues and will result in the checkout process not functioning correctly.

    This does mean that the overall experience will be slower (depending on geographic location) although CF is known to cause significant issues hence the need to bypass.

    If you want to cache as much as possible, then set rules to bypass caching on the cart and account pages etc.

  • 7 Votes
    25 Posts
  • WordPress & NodeBB

    Solved WordPress
    0 Votes
    6 Posts

    @jac That won’t matter. You just redirect at nginx or apache level and it’ll work. The generally accepted standard though is to use a subdomain.