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, but you can link them anywhere you'd like.
How to change a section overlay link
- 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.
- In the right-hand settings panel, confirm that "Section" is shown at the top, then locate the "Overlay Link" tab.
- Click the arrow to open the Overlay Link tab.
- 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:
- 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.
- In the right-hand settings panel, confirm that "Section" is shown at the top, then go to the "Style" tab.
- Under Background Image, click "Edit image" to select a new image.
- 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.
