Return to previous page

What are the steps to make the background Image of the tab section clickable with any button or text

This topic has 4 replies, 3 voices, and was last updated 1 years ago ago by Rose Tyler

Catholicans

Participant

April 21, 2023 at 05:56

What are the steps to make the background Image of the tab section clickable with any button or text?
Screenshot of the section:
https://snipboard.io/DgNF04.jpg

#354005 Copied Theme version: 0.0.1 WooCommerce version: Version 7.5.1

3 Answers

Tony Rodriguez

Support staff

April 21, 2023 at 09:26

Hello, Catholicans,

To make the background image of the tab section clickable with any button or text using WPBakery Page Builder:

1) Add a new row to your page using WPBakery Page Builder.
2) Select the “Tabs” element from the “Content Elements” section and add it to the row.
3) Click on the “Edit” button of the “Tabs” element to open the “Tabs Settings” window.
4)In the “General” tab, give a unique ID for the tab element.
5) In the “Design Options” tab, select the “Background” section.
6) Choose the background image that you want to use and set the image as the background of the tab section.
7) Click on the “Save Changes” button to save the changes.
8) Add a new element (such as a button or text) to the tab section.
9) Select the element and click on the “Edit” button to open the element settings.
10) In the element settings, select the “Link” option.
11) Enter “#” followed by the unique ID of the tab element that you gave in step 4.
12) Click on the “Save Changes” button to save the changes.
13) Preview the page to check if the background image is clickable with the button or text.

That’s it! Now the background image of the tab section will be clickable with any button or text you have added to the section.

We have prepared a video for you. Please watch it in its entirety and follow the steps outlined in the video. https://www.veed.io/view/7cd29861-ace7-4bb4-beec-75d4757b182e?sharingWidget=true&panel=share

Best regards,
8Theme’s Team

#354040 Copied

Catholicans

Participant

April 21, 2023 at 10:47

My requirement is to enable the background image on the tab to be clickable without the presence of any text link or button. I do not want any text or button elements to appear on the image.

#354049 Copied

Rose Tyler

Support staff

April 21, 2023 at 11:58

Hello, Catholicans,

It seems there is no such option, unfortunately.

Kind Regards,
8theme team

#354064 Copied
Tagged: button text, clickable tab background, steps, tab section, template customization, wordpress woocommerce
Viewing 4 results - 1 through 4 (of 4 total)