# Custom code **URL:** https://forum.readymag.com/c/d181ustom-code/16.md?page=1 [Latest](https://forum.readymag.com/latest.md) · [Categories](https://forum.readymag.com/categories.md) **Page:** 2 --- ## [Custom code loads and then disappears](https://forum.readymag.com/t/custom-code-loads-and-then-disappears/2594)
**Author:** [@Barry](https://forum.readymag.com/u/Barry)\ **Replies:** 5\ **Last updated:** [November 24, 2025, 10:10am UTC](https://forum.readymag.com/t/custom-code-loads-and-then-disappears/2594 "2025-11-24T10:10:43Z")
I am testing custom code using the free plan, to see if I can achieve a box with scrolling text (this is an important feature I want to know I can use, if I am to sign up for a paid plan). I am aware that I can’t publis… --- ## [Creating a Nav Bar with buttons that anchor at different points on the main homepage](https://forum.readymag.com/t/creating-a-nav-bar-with-buttons-that-anchor-at-different-points-on-the-main-homepage/4338)
**Author:** [@Saniya\_Jafri](https://forum.readymag.com/u/Saniya_Jafri)\ **Replies:** 1\ **Last updated:** [November 4, 2025, 9:32pm UTC](https://forum.readymag.com/t/creating-a-nav-bar-with-buttons-that-anchor-at-different-points-on-the-main-homepage/4338 "2025-11-04T21:32:56Z")
Hey all, On my Portfolio website, I created a Navigation Bar at the top with buttons that link to different anchors on the Home Page - such as a Work Section, Insights section, and About section. However, on Project pa… --- ## [Shopify Buy Button Cropping in Safari](https://forum.readymag.com/t/shopify-buy-button-cropping-in-safari/5657)
**Author:** [@Rosie\_Vision](https://forum.readymag.com/u/Rosie_Vision)\ **Replies:** 0\ **Last updated:** [November 4, 2025, 1:09am UTC](https://forum.readymag.com/t/shopify-buy-button-cropping-in-safari/5657 "2025-11-04T01:09:10Z")
I’m running into an issue with a Shopify Buy Button embedded in Readymag—it works fine in Chrome and other browsers, but in Safari, the button starts to crop from the bottom of the frame as the desktop window gets smalle… --- ## [Mobile window tinting](https://forum.readymag.com/t/mobile-window-tinting/986)
**Author:** [@Dario\_Buzzini](https://forum.readymag.com/u/Dario_Buzzini)\ **Replies:** 5\ **Last updated:** [October 24, 2025, 12:41pm UTC](https://forum.readymag.com/t/mobile-window-tinting/986 "2025-10-24T12:41:42Z")
Can anyone help me with some code to tint the mobile browser window? Thank you in advance --- ## [Accordion menu not visible on mobile](https://forum.readymag.com/t/accordion-menu-not-visible-on-mobile/5630)
**Author:** [@vlada\_fanbrahms](https://forum.readymag.com/u/vlada_fanbrahms)\ **Replies:** 0\ **Last updated:** [October 23, 2025, 12:07pm UTC](https://forum.readymag.com/t/accordion-menu-not-visible-on-mobile/5630 "2025-10-23T12:07:56Z")
Hi there folks, Having created my accordion menu along the code shared on here https://help.readymag.com/hc/en-us/articles/4412764126747-Accordion-menu I run into a problem. My code menu is not visible on mobile, (i onl… --- ## [Connecting multiple Forms](https://forum.readymag.com/t/connecting-multiple-forms/5374)
**Author:** [@Jay](https://forum.readymag.com/u/Jay)\ **Replies:** 3\ **Last updated:** [October 8, 2025, 9:59am UTC](https://forum.readymag.com/t/connecting-multiple-forms/5374 "2025-10-08T09:59:34Z")
Hi I am trying to find a way to connect 2x (or more) Forms Essentially this a design play, I want to have a horizontal AND vertical design… A row of checkboxes/dropdown above, with email input and submit below… I hav… --- ## [Frosted effect on logo](https://forum.readymag.com/t/frosted-effect-on-logo/5569)
**Author:** [@Jay](https://forum.readymag.com/u/Jay)\ **Replies:** 2\ **Last updated:** [October 6, 2025, 8:24am UTC](https://forum.readymag.com/t/frosted-effect-on-logo/5569 "2025-10-06T08:24:21Z")
Ok I have been banging my head against this for a few days, need to reach out… Full disclosure, I am not a coder, but am enjoying the challenge… I want to make my logo transluscent/frosted… not the background, just the… --- ## [Claw machine coding](https://forum.readymag.com/t/claw-machine-coding/5525)
**Author:** [@jerineedshelp](https://forum.readymag.com/u/jerineedshelp)\ **Replies:** 1\ **Last updated:** [October 1, 2025, 9:24am UTC](https://forum.readymag.com/t/claw-machine-coding/5525 "2025-10-01T09:24:25Z")
Hiya! I am trying to make a porfolio on readymag and on my homepage i have this claw machine that i would like to code. i want the claw to move along when the buttons are pressed and also display the page name on the top… --- ## [Can accordion pages be pre-expanded when the page loads?](https://forum.readymag.com/t/can-accordion-pages-be-pre-expanded-when-the-page-loads/5558)
**Author:** [@zara](https://forum.readymag.com/u/zara)\ **Replies:** 1\ **Last updated:** [October 1, 2025, 9:10am UTC](https://forum.readymag.com/t/can-accordion-pages-be-pre-expanded-when-the-page-loads/5558 "2025-10-01T09:10:02Z")
I’ve been making some relatively minor customizations to the preset accordion code (changing font, color, text weight etc.) but keep running up against a wall when I try to make it so that the accordion’s first page/cont… --- ## [Maintain scrolling with iframe code widgets](https://forum.readymag.com/t/maintain-scrolling-with-iframe-code-widgets/5465)
**Author:** [@alfie](https://forum.readymag.com/u/alfie)\ **Replies:** 1\ **Last updated:** [September 24, 2025, 8:19pm UTC](https://forum.readymag.com/t/maintain-scrolling-with-iframe-code-widgets/5465 "2025-09-24T20:19:21Z")
Hey! So I have a project within which I use OneLinePlayer to embed my videos to the page. The OneLinePlayer code uses iframes. Readymag support has told me that this prevents being able to scroll the page when the mouse … --- ## [HTML code for videoplayer](https://forum.readymag.com/t/html-code-for-videoplayer/5545)
**Author:** [@alfie](https://forum.readymag.com/u/alfie)\ **Replies:** 0\ **Last updated:** [September 24, 2025, 8:18pm UTC](https://forum.readymag.com/t/html-code-for-videoplayer/5545 "2025-09-24T20:18:00Z")
I couldn’t find anything online for this so i’m hoping this will come up when similar people search on google for an answer. Iframes didn’t work for me - they prevented scrolling when you hover over them. No online fix … --- ## [Background Color - white flash](https://forum.readymag.com/t/background-color-white-flash/239)
**Author:** [@Harley\_Johnston](https://forum.readymag.com/u/Harley_Johnston)\ **Replies:** 19\ **Last updated:** [September 19, 2025, 7:30am UTC](https://forum.readymag.com/t/background-color-white-flash/239 "2025-09-19T07:30:15Z")
Hi everyone, I have a website where each page has a background Color which is not white. When I navigate between pages I get a white background first then the Color I have set comes in after. How can I overwrite the def… --- ## [Accordion menu](https://forum.readymag.com/t/accordion-menu/72)
**Author:** [@HuV](https://forum.readymag.com/u/HuV)\ **Replies:** 23\ **Last updated:** [August 11, 2025, 7:20pm UTC](https://forum.readymag.com/t/accordion-menu/72 "2025-08-11T19:20:16Z")
A menu with unfolding items can come handy as a table of contents for a reasonably long text—for example, in FAQs. A step-by-step guide to making one is available at Help. It utilizes some custom code, but you needn’t k… --- ## [Spotify Listening Marquee?](https://forum.readymag.com/t/spotify-listening-marquee/3994)
**Author:** [@c00lgirl0nline](https://forum.readymag.com/u/c00lgirl0nline)\ **Replies:** 3\ **Last updated:** [August 5, 2025, 11:25am UTC](https://forum.readymag.com/t/spotify-listening-marquee/3994 "2025-08-05T11:25:26Z")
I’d like to have an infinite looping text marquee on my portfolio that shows what music I’m currently listening to. A good example of what I’m talking about is like how people would have what song they’re listening to on… --- ## [Preset- Footer](https://forum.readymag.com/t/preset-footer/5260)
**Author:** [@Lawranne\_Marcelo](https://forum.readymag.com/u/Lawranne_Marcelo)\ **Replies:** 3\ **Last updated:** [July 29, 2025, 6:40pm UTC](https://forum.readymag.com/t/preset-footer/5260 "2025-07-29T18:40:25Z")
Hi everyone! Can you teach me how to remove a footer I added from Presets? --- ## [Changing text colour depending on background](https://forum.readymag.com/t/changing-text-colour-depending-on-background/5268)
**Author:** [@Demi\_1234567](https://forum.readymag.com/u/Demi_1234567)\ **Replies:** 1\ **Last updated:** [July 29, 2025, 6:39pm UTC](https://forum.readymag.com/t/changing-text-colour-depending-on-background/5268 "2025-07-29T18:39:34Z")
How can I make a fixed logo text change colour based on the section background (white ↔ black) on scroll? --- ## [Random image generator website help](https://forum.readymag.com/t/random-image-generator-website-help/5237)
**Author:** [@kqties](https://forum.readymag.com/u/kqties)\ **Replies:** 0\ **Last updated:** [July 22, 2025, 10:19am UTC](https://forum.readymag.com/t/random-image-generator-website-help/5237 "2025-07-22T10:19:03Z")
Hello! I want to do a website with a homepage that will randomise the image on the page. I was hoping it be a click function - perhaps a button at the bottom that then influences the image on the middle of my page. If po… --- ## [Blending modes](https://forum.readymag.com/t/blending-modes/57)
**Author:** [@yanayuu](https://forum.readymag.com/u/yanayuu)\ **Replies:** 7\ **Last updated:** [July 18, 2025, 3:54pm UTC](https://forum.readymag.com/t/blending-modes/57 "2025-07-18T15:54:53Z")
Any widget can be used to alter the look of all underlying content—that is called blending. There are multiple blending modes, any of which can be triggered using widget ID within some custom CSS: \[data-id="PASTE WIDGET… --- ## [Next and Previous Button](https://forum.readymag.com/t/next-and-previous-button/5132)
**Author:** [@musawir\_raji](https://forum.readymag.com/u/musawir_raji)\ **Replies:** 1\ **Last updated:** [July 3, 2025, 7:13pm UTC](https://forum.readymag.com/t/next-and-previous-button/5132 "2025-07-03T19:13:17Z")
Hi all, I’m trying to build a simple “book-style” pagination in Readymag using only the native Animation → Click interface (no paid plan, no Pro widgets). Each page (“D1”, “D2”, “D3”, etc.) is actually a collection of s… --- ## [Widget sound on click](https://forum.readymag.com/t/widget-sound-on-click/5076)
**Author:** [@moralesmpia](https://forum.readymag.com/u/moralesmpia)\ **Replies:** 3\ **Last updated:** [June 24, 2025, 10:31pm UTC](https://forum.readymag.com/t/widget-sound-on-click/5076 "2025-06-24T22:31:20Z")
Hi hi! I have objects on my homepage that I want to make interactive. I placed them in as shots so that when I ‘mouse move’ horizontal they move and they’re also draggable. Ideally I want them to have sounds too wh… --- ## [Image moving according to cursor position](https://forum.readymag.com/t/image-moving-according-to-cursor-position/2954)
**Author:** [@batdmt](https://forum.readymag.com/u/batdmt)\ **Replies:** 2\ **Last updated:** [June 20, 2025, 1:05pm UTC](https://forum.readymag.com/t/image-moving-according-to-cursor-position/2954 "2025-06-20T13:05:34Z")
Hello everyone! Please I need your help. I’d like to make an animation on my Readymag website that I can’t do (I suck at coding…). I’d like my images to move according to the position of the cursor when it’s over them. … --- ## [Skewed / fisheye / distorted images with scroll?](https://forum.readymag.com/t/skewed-fisheye-distorted-images-with-scroll/5097)
**Author:** [@Genevieve\_Bachelet](https://forum.readymag.com/u/Genevieve_Bachelet)\ **Replies:** 0\ **Last updated:** [June 19, 2025, 4:42pm UTC](https://forum.readymag.com/t/skewed-fisheye-distorted-images-with-scroll/5097 "2025-06-19T16:42:46Z")
Hello! I want to make a skewed distortion effect on my images when scrolling like the one on vvisual.biz, ideally I want the images to be able to bring people to their individual pages once clicked I am a total noob at … --- ## [Independent Scroll?](https://forum.readymag.com/t/independent-scroll/1923)
**Author:** [@Thiago\_Buhrer](https://forum.readymag.com/u/Thiago_Buhrer)\ **Replies:** 5\ **Last updated:** [May 26, 2025, 2:59pm UTC](https://forum.readymag.com/t/independent-scroll/1923 "2025-05-26T14:59:13Z")
Hello, I have a doubt regarding my website that seems to be simple to solve with some coding knowledge (which I happen to have zero haha). As you can see in the image attached below, I have divided its content into 3 ma… --- ## [Calling a font in custom code block](https://forum.readymag.com/t/calling-a-font-in-custom-code-block/5026)
**Author:** [@affordablefonts](https://forum.readymag.com/u/affordablefonts)\ **Replies:** 0\ **Last updated:** [June 7, 2025, 3:42am UTC](https://forum.readymag.com/t/calling-a-font-in-custom-code-block/5026 "2025-06-07T03:42:21Z")
Currently trying to build out a flip clock function using the custom code feature on my website. I have a font I’ve designed and uploaded into the readymag type library. How do I call it within the custom code block? I’v… --- ## [Hide toolbar and address bar in safari iOS](https://forum.readymag.com/t/hide-toolbar-and-address-bar-in-safari-ios/4940)
**Author:** [@ale](https://forum.readymag.com/u/ale)\ **Replies:** 1\ **Last updated:** [May 27, 2025, 4:21pm UTC](https://forum.readymag.com/t/hide-toolbar-and-address-bar-in-safari-ios/4940 "2025-05-27T16:21:21Z")
I’d like to know how I can make Safari’s address/search bar automatically hide on the mobile version of my website. I’ve noticed that it works when using the “stack pages vertically” option, but I don’t want to use that … --- ## [Snap Scroll Effect for Vertical Stacked Readymag Website](https://forum.readymag.com/t/snap-scroll-effect-for-vertical-stacked-readymag-website/4902)
**Author:** [@malteser](https://forum.readymag.com/u/malteser)\ **Replies:** 0\ **Last updated:** [May 19, 2025, 12:25pm UTC](https://forum.readymag.com/t/snap-scroll-effect-for-vertical-stacked-readymag-website/4902 "2025-05-19T12:25:40Z")
Hi there, I wish to have a snap scroll effect on my vertical stacked readymag website that uses the ‘proximity’ setting at the start of each side. I found some tutorials how to create this effect using css but most of … --- ## [Universal code or option for custom Selected/Highlighted Text?](https://forum.readymag.com/t/universal-code-or-option-for-custom-selected-highlighted-text/4793)
**Author:** [@Raijin](https://forum.readymag.com/u/Raijin)\ **Replies:** 0\ **Last updated:** [April 29, 2025, 10:02pm UTC](https://forum.readymag.com/t/universal-code-or-option-for-custom-selected-highlighted-text/4793 "2025-04-29T22:02:11Z")
Hi all. Is there an easier way to make the custom Selection Text colors universal? I have a lot of texts in many different pages, and the only method I found via Readymag tutorial was to manually highlight the text, the… --- ## [Smooth scroll script isn't working](https://forum.readymag.com/t/smooth-scroll-script-isnt-working/1413)
**Author:** [@artmilitonian](https://forum.readymag.com/u/artmilitonian)\ **Replies:** 5\ **Last updated:** [April 28, 2025, 12:01am UTC](https://forum.readymag.com/t/smooth-scroll-script-isnt-working/1413 "2025-04-28T00:01:06Z")
Hi there. I’d like to use this smooth scroll script: GitHub - studio-freight/lenis: How smooth scroll should be (here’s demo: https://lenis.studiofreight.com) So, I put this in section: And after this in the same se… --- ## [Horizontally draggable slider](https://forum.readymag.com/t/horizontally-draggable-slider/4706)
**Author:** [@Lorenzo\_Tommasi](https://forum.readymag.com/u/Lorenzo_Tommasi)\ **Replies:** 1\ **Last updated:** [April 15, 2025, 12:01am UTC](https://forum.readymag.com/t/horizontally-draggable-slider/4706 "2025-04-15T00:01:00Z")
Hi, I need to make a slider draggable horizontally. Here is the link Keyeff sound studio - Servizi audio Now users need to scroll down to see the slider moving to the left and it’s not very intuitive. I need a slider li… --- ## [Custom Code on Mobile Device](https://forum.readymag.com/t/custom-code-on-mobile-device/4708)
**Author:** [@DC\_Moore](https://forum.readymag.com/u/DC_Moore)\ **Replies:** 0\ **Last updated:** [April 14, 2025, 2:27am UTC](https://forum.readymag.com/t/custom-code-on-mobile-device/4708 "2025-04-14T02:27:20Z")
I embedded an iframe code on my site and it runs properly on the desktop version but won’t work on the mobile version. It used to work okay before but now only on the desktop. Please help. [Previous page](https://forum.readymag.com/c/d181ustom-code/16.md) [Next page](https://forum.readymag.com/c/d181ustom-code/16.md?page=2)