timmy321
Forum Replies Created
-
Hi Mahesh, thank you for replying.
Just letting you know I’ve sent an email across 🙂
Kind regards,
Tim
Hi,
Apologies for another question, hopefully this one will be easier to answer as it’s CSS related.
I’ve placed a clipboard icon before the ‘Copy’ text (which I have achieved with the ::before psuedo selector – see below).. however, I would like this icon to change to a tick icon (/f00c) once the button text value changes to ‘copied’.
Would you know how to target the button once it’s being clicked and the text changes to ‘Copied’?
—
My CSS so far is:
.copy-the-code-button{ background-color: #414552; } .copy-the-code-button:before{ font-family: "Font Awesome 5 Free"; content: "\f46d"; padding-right: 5px; } .copy-the-code-button:focus::before{ font-family: "Font Awesome 5 Free"; content: "\f00c"; padding-right: 5px; } .copy-the-code-button:active::before{ font-family: "Font Awesome 5 Free"; content: "\f00c"; padding-right: 5px; } .copy-the-code-button:visited::before{ font-family: "Font Awesome 5 Free"; content: "\f00c"; padding-right: 5px; }As you see, I naively thought that using the pseudo selectors active and visited would achieve this. This however simply changes the icon for the ‘Copy’ text value.
Kind regards,
Tim
I’m in way over my head here.. but, I think the solution maybe to dequeue this code found in ‘classes’ > ‘blocks’ > ‘assets’ > .js file:
if ( btn.hasClass('ctc-block-copy-icon') ) { // Copied! btn.addClass('copied'); setTimeout(function () { btn.removeClass('copied') }, 1000); } else { // Copied! btnText.text( copiedText ); block.addClass('copied') setTimeout(function () { btnText.text(oldText) block.removeClass('copied') }, 1000); } } };then simply extend the 1000 to something longer with a JS Snippet. My attempts to do this have failed thus far 🙂
*To elaborate on what I’d like to achieve – I would like the ‘copied’ message that is displayed once clicked, to not to revert back to the original ‘copy’ message before it disappears and resets.
Kind regards, Tim
Hi,
Thanks for getting back to me. Great stuff.
Take care,
Tim
Hi,
I’ve resolved the issue with the lack of ‘stacking’ occuring on mobile view – I had to install a seperate Column Manager plugin to get round this. Bit strange, but problem solved.
I still do wonder whether the channel profile picture can be displayed at the top of the gallery, instead of the latest video?
Kind regards,
Tim
May I also ask.. when viewing this page on a mobile width, 5 out of the 6 columns are responsive – but the ‘weightlifting’ one isn’t. Why is this?
I’ve played about with Gutenberg for quite a bit and I can’t find the cause of the issue.
I’m using the ‘Astra’ theme, in case that means anything!
Kind regards,
Tim
Hi @talmo
Roger that. I’ve gone and tried it with Hello Elementor and the result is unfortunately the same.
Tim
Hi talmo,
I’ll be honest, nope.. I hadn’t tried that 🤦♂️
I have now however disabled all other plugins & used the twenty twenty two theme on my staging site & the issue still appears to be present.
This seems like it should be quite a simple issue to fix, as it’s just anchors. I’m missing something though!
Have you any suggestions?
Kind regards,
Tim
Hi Herman,
No worries! Coffee reliance, ah.. a slippery slope my friend 😀
That video was very useful, I can’t thank you enough for that help! I managed to fix by lowering the Z-Index.
So, the video really helped! 🙂
Kind regards,
Tim
Hi Herman,
Thanks for the reply.
No, that is not what I mean regarding the content sorry.
If you click on the two links, you will see that in the image where the mobile menu is open, the social media icons remain visible. This is unusual, as the mobile menu is displayed ‘over’ the content of my other pages.
I hope this makes more sense? The images in the link demonstrate the issue far better than I can explain it 🙂
Tim
Hi w-sky,
Apologies, I didn’t realise. I’ve added to that request now too.
Tim
Hi sifuhall,
I’ve just done it now.
Take care,
Tim
Hi sifuhall,
I’ve just done it now.
Take care,
Tim
Hi @w-sky ,
Many thanks for your reply!
Ah, I see.
Do you use an Ultimate Member registration form or the standard WordPress one? I ask because I can’t even find out how to insert a subscribe to any newsletter function into the Ultimate Member registration form.
Kind regards,
Tim
Hi @w-sky @sifuhall @bruberries ,
I’ve just commented on your thread here w-sky:
then I realised this one existed too.
I wondered whether either of you managed to find a solution for this? I appear to be in the same boat!
Kind regards,
Tim