Add a Table to Your Squarespace Website

[@RebeccaGraceDesigns]

See how Squarespace Website designers are charging 30% more while working 25% less ... all without writing a single line of code from scratch 👉 encyclopedia.rebeccagracedesigns.com/register#RUclips

[@mckinlayotterson8711]

Rebecca you absolute CHAMPION!!!!!! I know not a single thing about coding but realllllly needing a table for a project and you SAVED ME!!!!! This was incredibly easy to follow and made me feel so smart changing how it appeared visually by adjusting the code...so cool! Thank you!!!

[@RebeccaGraceDesigns]

You're very welcome! Glad to help.

[@christophtechnology]

Wow! Thank you so much for the page.

[@sairamedia888]

I figured it out! Thank you immensely for your video with clear instruction. I was able to create a table on a squarespace site with lots of info and links and I don't know anything about HTML or CSS!

[@RebeccaGraceDesigns]

Fantastic! Great job!

[@jtomforde]

Thank you so much for this! One question - my links stay active for the text in the table, but I am losing the link text color that is associated with links throughout my site. How can I add that back in?

[@pearlite6243]

Thank you so much Rebecca!!!!

[@RebeccaGraceDesigns]

You are so welcome!

[@samuelvilz]

Very helpful! Thank you!

[@RebeccaGraceDesigns]

You're welcome!

[@Elle_Dub]

Thanks, Rebecca! You have a very clear way of explaining things. It's a real gift! One question, how can I center my table on Squarespace?
Thanks so much!

[@RebeccaGraceDesigns]

I am glad you found it helpful! You can move the block around to centre the table. You shouldn't need to add any additional code.

[@nathanharrison7747]

Thanks Rebecca this is really helpful and easy to follow. I used the table generator to include some links on my website - how do I code these up to show a bold royal blue colour rather than generic black?

[@RebeccaGraceDesigns]

Try the following code...
.custom-table a {
color: blue;
}

[@tiffanydawson1381]

Thank you so much for this tutorial. It was so easy to follow and saved me in a pinch! I had beautiful integrated tables up on my website within minutes! WOO!! (Seriously about to kool-aid man it right through a wall!)

[@RebeccaGraceDesigns]

Glad it helped!

[@Andrew-ql9ed]

Hi Rebecca. Thanks for the tutorial! I was able to recreate your example. However, how do I add two tables on 1 page? Many thanks!

[@RebeccaGraceDesigns]

You can duplicate the code in the code block into another code block. No need to duplicate the CSS.

[@hilarykilpatric6649]

Thank you Rebecca. My CSS code box is not empty like yours. How do I get to an empty css box so that it will only change the style for the table?

[@RebeccaGraceDesigns]

You don't need the CSS box to be empty. The selectors we use at the front of the code ensure it will only apply to the table.

[@stoolin9706]

Tried adding the code to the page itself in the ADVANCED page setting but does not work. Does this code only work in the CSS window?

[@RebeccaGraceDesigns]

I don't generally use CSS in the Advanced Section. I try to keep all of my CSS together. The only CSS I generally use in the Advanced section is when I want to hide the header or footer of the page.

[@daniinkidar99]

GOAT