Kadence - How to update section overlay links

If your 17th Avenue theme includes a section similar to this:

Or this:

...it likely uses section overlay links. We'll show you how to update section overlay links in this tutorial!

What is a section overlay?

A section overlay link turns an entire section (often an image with a button) into a clickable link that directs users to another page or category. In both examples above, each section links to a different category.

How to change a section overlay link

1. In the block editor, click on the section (image) you want to edit. To ensure you're selecting the Section block, click near the top left corner of the section.
2. In the right-hand settings panel, confirm that "Section" is shown at the top, then locate the "Overlay Link" tab.
3. Click the arrow to open the Overlay Link tab.
4. Under "Link Entire Section," click the pencil icon to edit the link (URL) for that section.

How to link to a category

Click here for instructions.

Remove a section overlay link

If you'd like to disable the section overlay link, simply delete the link in the Link Entire Section box. Doing so will disable the section overlay link. You could then choose to link just the button, while leaving the image unclickable.

Bonus Tip: Changing the Image in These Sections

We cover this in How to Insert Your Own Images, but since you're here, let's talk about it!

In most of our themes, these sort of sections/images will be set up as Background Images on the Section block. Here's how to change them:

1. In the block editor, click on the section (image) you want to edit. To ensure you're selecting the Section block, click near the top left corner of the section.
2. In the right-hand settings panel, confirm that "Section" is shown at the top, then go to the "Style" tab.
3. Under Background Image, click "Edit image" to select a new image.
4. Optional: Once you've updated the image, you can grab the grey circle on the image and drag it around to set a focal point.