# CMS 2 and search SVG settings **URL:** \ **Category:** Elements CMS\ **Created:** [May 20, 2026, 6:43pm UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233 "2026-05-20T18:43:07Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![jwDave](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jwdave/32/31841_2.png) [@jwDave](https://forums.realmacsoftware.com/u/jwDave)\ **Post date:** [May 20, 2026, 6:43pm UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/1 "2026-05-20T18:43:07Z")
This is great, but I am struggling with the SVG component. I add the search and it searches just fine, but I cannot get the the search results to be a link to the relevant post, it just shows as a result and is not selectable. I guess it is to do with the SVG component shown in the @Ben video and the link it is set to but cannot get this to work. Help would be appreciated. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [May 20, 2026, 9:56pm UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/2 "2026-05-20T21:56:18Z")
You’ll need to link the items using this syntax: `{{item.url}}` You can also check the doc for more syntax here: > **[Designing the result template - Search | CMS | RapidWeaver Elements Docs](https://docs.realmacsoftware.com/elements-docs/cms/cms/components/search#designing-the-result-template)** > > The Search component adds a search input to your page that filters CMS content as the visitor types. Results are scored by relevance and rendered using a template you design with native Elements components. | Add an instant, client-side search box to... Let me know if you’re still stuck, and we can help further ☺ ---
**Author:** ![jwDave](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jwdave/32/31841_2.png) [@jwDave](https://forums.realmacsoftware.com/u/jwDave)\ **Post date:** [May 21, 2026, 7:53am UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/3 "2026-05-21T07:53:19Z")
Thanks Dan, Yes I used the syntax {{item.title}} and search works fine, it just that I cannot select anything in the list that the search reveals, they are not selectable. I just wondered if it was anything to do with the SVG component that Ben has in his video below the Text component? If it is I do not know how to configure this? ![2026-05-21_08-48-37](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/c/cc189396ab00f1eec59ad467aa81728c77962956.jpeg) ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [May 21, 2026, 8:03am UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/4 "2026-05-21T08:03:56Z")
Sounds like it could be a layering issue that needs the z-index adjusting. Hard to tell from your screenshot, but if you can’t click or select the text it could the z-index! ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [May 21, 2026, 8:18am UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/5 "2026-05-21T08:18:19Z")
Certainly sounds like a z-index issue, you can change this under Layout on most of our components ☺ ![CleanShot 2026-05-21 at 9 .17.39@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/b/fb12d636824a5acbf6e3ac1771abf59c256350fe.png) If you’re still having issues, share your project via Elements Cloud (or post the URL to the live site) we can take a look for you 🙂 ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [May 21, 2026, 8:31am UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/6 "2026-05-21T08:31:16Z")
@dan if you find the time, I’d really appreciate an instruction video for the new **Search component**. I’m especially interested in how to set up the search properly. I tried configuring it intuitively and also according to the CMS documentation, but I’m not getting any search results. With the help of a visual walkthrough or even a small example project file, I’d probably be able to figure out on my own what I’m doing wrong. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [May 21, 2026, 9:20am UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/7 "2026-05-21T09:20:05Z")
@Pegasus, yup we’re working on it 👍 In the meantime, here’s an updated microblog project that shows the Search working. ![CleanShot 2026-05-21 at 10 .19.36](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/d/0ddeda82091ab11f2c278131cd00378343832452.gif) 👉 [Open Project in Elements](elementsapp://downloadDocument/MO9xm4h2WxZk) Please note, is working, but isn’t finished. We’ll be included an updated Microblog project I the next build (or so) of Elements ☺ ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [May 21, 2026, 10:30am UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/8 "2026-05-21T10:30:05Z")
Thanks for that, @dan. I’ve managed to get the search working now, but there seems to be some kind of z-index issue. The search results either don’t appear at all, or they end up underneath the blog post list. It’s somehow quite difficult to find the right z-index setting. ;- / ---
**Author:** ![jwDave](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jwdave/32/31841_2.png) [@jwDave](https://forums.realmacsoftware.com/u/jwDave)\ **Post date:** [May 21, 2026, 11:05am UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/9 "2026-05-21T11:05:43Z")
I confess I am having the same a z index issue, but I will try some more before escalating further. Because like you the search list goes under the collections below I see why that creates the problem however I set the z index really high ‘101’ but the issue remains. As I say I need to explore this further before asking Dan or Ben for help. ---
**Author:** ![ercross](https://avatars.discourse-cdn.com/v4/letter/e/c57346/32.png) [@ercross](https://forums.realmacsoftware.com/u/ercross)\ **Post date:** [May 21, 2026, 11:35am UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/10 "2026-05-21T11:35:40Z")
Dave, Make sure you set the z index for the container holding the post list lower than the container holding the search component. I set mine to (1) and (5) respectively and it is working fine. ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [May 21, 2026, 11:49am UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/11 "2026-05-21T11:49:52Z")
Thank you! I finally managed to tame that sneaky little z-index as well. That’s always quite a hassle. What I’ve noticed is that things like `{{ item.title }}` work fine, but custom Twig syntax defined in the frontmatter — for example `{{ item.headline.long }}` or `{{ item.headline.short }}` — is currently not being output. My guess, however, is that this is the same issue as with the image output and will likely be fixed with the next update. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [May 21, 2026, 12:51pm UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/12 "2026-05-21T12:51:19Z")
Just a quick FYI: We fixed the overlap issue in the Microblog project (shipping in the next Elements update), by setting the container wrapper `z-index` to 31, and the `Position` to “Relative”. ![CleanShot 2026-05-21 at 1 .49.07@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/6/8635c26abff9fac27fc4ffa448b6cf1b475ecf12.jpeg) ---
**Author:** ![jwDave](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jwdave/32/31841_2.png) [@jwDave](https://forums.realmacsoftware.com/u/jwDave)\ **Post date:** [May 21, 2026, 3:53pm UTC](https://forums.realmacsoftware.com/t/cms-2-and-search-svg-settings/56233/13 "2026-05-21T15:53:04Z")
All sorted now thanks Dan 🙂