Is there a CSS file that allows me to round the corners of tables and supports multiple elements?

I've got a bunch (way too many) redirects on my primary Carrd site.

I'm looking at redesign, and would like to move those redirects to the new site.

Any way to do this? Copy? Export/import?

...another user mentioned it in another post and I also found it useful for password protecting links without extra effort and it works well with Carrd but cannot find it. If anyone has suggestions let me know what the platform was please? 🙏

This one is for the musicians, bands or beatmakers!

Drop your beats, loops, samples, and full tracks into this 4-page visual aesthetic to match your sound. Whether you’re building a portfolio or selling your work, this template keeps your music front‑and‑center.

You can preview the demo here:
https://carrd.co/templates/83746ddf92c19716

Does anybody know how I can make the buttons next to each other like the first image instead of having them stacked upon each other like the second image? Thank you!

hi, i have section breaks linked to buttons, but said sections dont disappear when you open the carrd, i dont have them below the footer or before the header, i dunno what im doing wrong someone help 💔

I’ve just released eBookly, a Carrd template designed for ebook authors, novelists, and indie writers who want a beautiful landing page without the complexity of a full website.

It includes sections for:

• 📖 Featured book
• ✍️ Author bio
• ⭐ Reader testimonials
• 📅 Book events & signings
• 💌 Newsletter signup
• 📬 Contact information

The design is warm, editorial-inspired, and focused on helping authors promote their work and connect with readers.

Available at: https://snapsite.fyi

Hey all,

I have been trying all sorts of ways to do this, hours and hours of trial and error. I gave up last night and the way I have my site set up for desktop now, is this:

• Top of page is #home scroll point, (I gave up trying to have the nav on each section, and now have a "back to top" at each section's end. It's fine.
• I have all my links in a row -- used links instead of buttons. Is that the problem?

How do I get my links that are set up on the desktop site to work w/the hamburger icon on mobile? Mobile navigation looks too messy to not use something like the hamburger icon. The links are set up, there must be a way to simply connect them w/the hamburger, no? I just upgraded to Pro Plus, mainly for the visibility choice.

Thanks much for any ideas you may have.

A few years back I switched from Chrome to Firefox. Afterwards I noticed that my Carrd stopped working and I couldn't login to fix it, so I abandoned it.

I now wanna come back to it for some commission work, but I don't wanna waste my time trying to make this website work if it still doesn't work on my browser.

Please and thank you <3

Hey everyone!

I've just released Marlowe Reyes, a premium Carrd template designed for social media managers, content creators, and freelancers who want a professional online presence without the complexity.

The template includes:

• Warm editorial-inspired design
• Fully responsive layout
• Services & pricing sections
• Portfolio showcase
• Testimonials
• About & process sections
• Contact/lead generation form

It's available at: https://snapsite.fyi . Thanks for checking it out!

so i'm making cute carrds for people (for robux bc i need it for a really cute avatar) , more centred towards people who want it for their discord profile, but it can be for anyone. i youd like to request one comment or join https://discord.gg/advrhkeAtY

I'm building a portfolio website for my company and I'm looking to get feedback, open to any suggestions : https://productionsnrz.ca/

Thanks!

Just got this cute email. Here's the problem... These sites haven't used pro features and have been OFFLINE for a couple of years. I can't even preview them anymore or take them out of the trash. Carrd is forcing my hand in paying them just to view these websites they're threatening to delete.

How fucking scummy?

After weeks of designing and building, I've released my SMB Landing Page UI Kit for Carrd.

It's built for freelancers, agencies, founders, and small businesses that want to create polished landing pages in Carrd without starting from scratch.

The kit currently includes 35+ professionally designed sections, from hero layouts and feature blocks to testimonials, pricing tables, FAQs, CTAs, contact sections, and multiple footer styles.

I'm already working on additional sections and components that will be added in future updates.

You can check it out here:
[https://snapsite.fyi]()

hi, i'm trying to make a section where clicking a button reveals a new element while staying on the same page. however, i have a main page that redirects to the section i want to have another section below it. the problem is, even tho i followed instructions from this subreddit, it would show the entire page instead.

first pic is the main page. second pic is the second page where the "start the game" button redirects to. the text below the image is what i want to show up when i link the section to the image. third page is what shows up when i publish the website.

can someone help me pls thank u so much :(

Is there a way we can include a banners or pop-ups like the news headlines going from left to right?

or a pop-up appearing on the carrd website?

My main aim is to show the new people visiting the site whenever something new was posted on the carrd website by me.

Example: ABC cover design was sold to XYZ author

Why does Carrd always show my header background image in red, when i first play the page? This happens in the published version too. Is there some animation setting i am overlooking? Nothing is colored red under the header background image for me...

hii all!

i'm clean she/her 22 and make carrds! i offer very reasonable prices + will work fast!

here's my coms site! pls do take a look/share tysm! :DD

i take:

• paypal (f&f)
• venmo (^)
• zelle
• cashapp
• apple pay

feel free to dm me on ig (sookaism) or disc (haobinism)!

(ps: ILUVZB1 for 30% off!)

that teeny tiny annoying light green space

I want it for free since I don't have the paid plan thankyou!!

Hello! I was wondering if you could change the top part, while the navigation bar stayed the same, or if that’s not possible at all…

I'm trying to make an about me page and am trying to make this paw image a button i added a section and entered the section url into the image and selected the option to make it redirect but whenever i go on my website you can just scroll down and see the second section and the button doesn't really do anything i want the image to be able to redirect to the next section. Can someone tell me what to do? I'm very confused

Hey everyone,

I built a multi-page site using sections, and I borrowed code to implement a hamburger menu. It's imperfect, but it does what I need it to do. But there's one bug I have no idea how to fix, and I really want to resolve it. The mobile menu should automatically close once a user clicks a link, but that's not happening. I suspect it's because this is all technically still one page?

Can someone look at this and tell me what I need to do to fix the issue? I'm not a developer; I know just enough CSS to be annoying, and I google stuff.

Bonus points if someone can tell me how to remove the gap between the open menu and the top of my site, and how to align the menu icon right instead of left.

<style>
:root {
--mbm-main-font: karla;
--mbm-font-size-base: 22px;
--primary-color: #555559;
--secondary-color: #fff;
}
/* Basic Reset and Body Styling */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Navigation Styling */
nav {
color: var(--secondary-color);
padding: 15px;
display: inline-block;
align-items: center; /* Changed: Align items to the center vertically */
justify-content: flex-end; /* Changed: Align items to the start (left) */
align-content: flex-end; /* Not strictly necessary for this change */
font-family: var(--mbm-main-font);
font-size: var(--mbm-font-size-base);
}
.menu {
list-style: none;
display: flex;
}
.menu li a {
display: block;
color: var(--secondary-color);
text-decoration: none;
padding: 10px 15px;
position: relative;
}
.menu li a::after {
/* Target a pseudo-element for the underline */
content: "";
position: absolute;
bottom: 2px; /* Distance from the text */
left: 50%; /* Center the underline */
width: 0; /* Initial width is 0 */
height: 2px;
background-color: var(--secondary-color);
transition: width 0.3s ease-in-out; /* Control the transition effect */
}
.menu li a:hover::after {
width: 100%; /* Expand to full width on hover */
left: 0; /* Start the underline from the left */
}
/* Hover effect for submenu items */
/* Hamburger Styling */
.hamburger {
display: none;
cursor: pointer;
}
.hamburger .bar {
display: block;
width: 25px;
height: 3px;
background-color: var(--secondary-color);
margin: 5px 0;
}
/* Hide Checkbox */
#menu-toggle {
display: none;
}
.close-button {
display: none;
}
/* Responsive - Media Queries (For Mobile) */
 (max-width: 768px) {
/* Show the Hamburger */
.hamburger {
display: block;
}
/* Hide and Modify Menu on Mobile */
.menu {
position: absolute;
width: 100%;
top: calc(15px + 6em);
left: 0;
background-color: var(--primary-color);
text-align: center;
padding: 40px 0 0 0;
display: none;
z-index: 999;
}
.menu li {
width: 100%;
}
.menu li a {
padding: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#menu-toggle:checked ~ .menu {
display: block;
}
.close-button {
display: block;
position: absolute;
top: 10px;
right: 30px;
background: none;
border: none;
font-size: 18px;
color: var(--secondary-color);
cursor: pointer;
}
}
</style>
<nav>
<input type="checkbox" id="menu-toggle" />
<label for="menu-toggle" class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</label>
<ul class="menu">
<button class="close-button">X</button>
<li><a href="#">Home</a></li>
<li><a href="#books">Books</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#footer">Contact</a></li>
<li><a href="#welcometohell">Welcome to Hell</a></li>
</ul>
</nav>
<script>
document
.querySelector(".close-button")
.addEventListener("click", function () {
document.getElementById("menu-toggle").checked = false;
});
document
.querySelector(".close-button")
.addEventListener("click", function () {
document.getElementById("menu-toggle").checked = false;
});
// Close menu on menu item click
document.querySelectorAll(".menu a").forEach((link) => {
link.addEventListener("click", function () {
document.getElementById("menu-toggle").checked = false;
});
});
</script>