V2 with BootStrap 5 is now live! Upgrade Your Website: CLICK HERE!

Sign Up
Sign Up Manage Account
  • Pricing
  • Features
  • Add-ons
    • Careers
    • Events
    • Locations
    • Reviews
    • Staff Management
    • SEO Max
  • Templates
  • Integrations
  • FAQ's
  • About
    • Certified Partners
    • Our CMS
    • User Support (FAQ's)
    • Integrations
    • Affiliate Information
    • Features
    • News
    • Partner with us!
    • Us in the Community
    • Careers
    • Brand Guidelines
  • Contact
  1. Home
  2. FAQs
  3. Bootstrap / Front-end
  4. How to Link a DIV?

How to Link a DIV?

Technically it's impossible to wrap <div>'s with <a>'s in the CMS editor, so instead you can add special attributes to <div>:

  • data-widget-link-href
  • data-widget-link-target (optional)
  • data-widget-link-class (optional)

For example setting in the editor these attributes in such way (please use the sidebar for this, there is no need for Source dialog here):

    <div data-widget-link-href='http://example.com' data-widget-link-class='cls1' data-widget-link-target='_blank'>...</div>

will convert this <div> into a <a href><div> structure:

    <a href='http://example.com' class='cls1' target='_blank'>
     <div>...</div>
  </a>

Building Relationships with Web Developers and Marketing Agencies that want better results

The world's fastest and most SEO friendly website code.

View Packages View Packages
MAIN MENU
  • Home
  • FAQ's
  • Blog
  • Partner with us!
  • Careers
  • Versions
  • API Documentation
  • Sitemap
  • Contact
LATEST NEWS
  • Get Ready for Bootstrap 5 - An Upgrade Worth Making
  • CMS Max Expands eCommerce to Their Customers by Offering a New Integration with DoorDash®
  • CMS Max Named Vendor of the Year at Retail Management Hero Conference
  • CMS Max Announces New Integration with Wondersign
  • CMS Max Announces New Integration with Mailchimp
PRODUCTS
  • Liquor Max
  • Chamber CMS
  • Max Payments
  • CBD CMS
  • Ambulance CMS

Copyright © 2023 CMS Max. All Rights Reserved | Terms/Privacy Policy

Contact Us
Manage Account