DOTonPAPER

<p>View <a href="http://dopdemo.net/wp/dop-shortcodes/" rel="nofollow ugc">demo</a> here.</p>
<p>This is a collections of shortcodes we use in our themes. We always accept feedback and constructive criticism so if you have something to say please use the <a href="https://wordpress.org/support/plugin/dop-shortcodes" rel="ugc">support forum</a>.</p>
<h4>Shortcodes List</h4>
<ul>
<li>Accordions</li>
<li>Containers</li>
<li>Grids</li>
<li>Images</li>
<li>Lists</li>
<li>Progress Bars</li>
<li>Separators</li>
<li>Social Icons</li>
<li>Tabs</li>
<li>Tables</li>
<li>Toggles</li>
</ul>
<h4>Shortcodes Examples</h4>
<p>Please view <a href="http://help.dotonpaper.net/dop-shortcodes-wordpress-plugin.html" rel="nofollow ugc">documentation</a> for more details.</p>
<h4>Accordion</h4>
<pre><code>[dopaccordions]
    [dopaccordion title="Title 1"]text[/dopaccordion]
    [dopaccordion title="Title 2"]text[/dopaccordion]
    [dopaccordion title="Title 3"]text[/dopaccordion]
[/dopaccordions]
</code></pre>
<h4>Container</h4>
<pre><code>[dopcontainer]text[/dopcontainer]
</code></pre>
<h4>Grid</h4>
<pre><code>[dopgridrow]
    [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid]
    [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid]
    [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid]
[/dopgridrow]
</code></pre>
<h4>Image</h4>
<pre><code>[dopimg align=left height=200 width=100%]<img src="image path" alt="" />[/dopimg]
</code></pre>
<h4>List</h4>
<pre><code>[doplist]
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
[/doplist]
</code></pre>
<h4>Progress Bar</h4>
<pre><code>[dopprogressbar progress=70]70%[/dopprogressbar]
</code></pre>
<h4>Separator</h4>
<pre><code>[dopseparator]
</code></pre>
<h4>Social Icon</h4>
<pre><code>[dopsocialicon network=facebook]Facebook[/dopsocialicon]
</code></pre>
<h4>Tabs</h4>
<pre><code>[doptabs]
    [doptab title="Tab 1"]text[/doptab]
    [doptab title="Tab 2"]text[/doptab]
    [doptab title="Tab 3"]text[/doptab]
[/doptabs]
</code></pre>
<h4>Table</h4>
<pre><code>[doptable]
<thead>
    <tr>
        <th>One</th>
        <th>Two</th>
        <th>Three</th>
        <th>Four</th>
    </tr>
</thead>
<tbody>
    <tr class="odd">
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr>
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr class="odd">
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr>
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr class="odd">
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
</tbody>
[/doptable]
</code></pre>
<h4>Toggle</h4>
<pre><code>[doptoggle title="Toggle"]text[/doptoggle]
</code></pre>


DOP Shortcodes

This is a collections of shortcodes we use in our themes.

woologger

<p>Custom URL for Elementor is a powerful plugin that extends the functionality of Elementor, allowing you to create more interactive and dynamic layouts. With this plugin, you can easily add clickable URLs to Container, Section, Column, and Inner Section elements, transforming them into navigable components of your website.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Custom URLs</strong>: Add clickable links to Container, Section, Column, and Inner Section elements.</li>
<li><strong>New Tab Option</strong>: Choose whether links open in the same window or a new tab.</li>
<li><strong>Custom CSS</strong>: Apply custom CSS styles directly to your elements for advanced customization.</li>
<li><strong>User-Friendly Interface</strong>: Seamlessly integrates with Elementor’s interface for easy use.</li>
<li><strong>Lightweight</strong>: Optimized code ensures minimal impact on your website’s performance.</li>
<li><strong>Responsive</strong>: Works flawlessly across all devices and screen sizes.</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Edit any Container, Section, Column, or Inner Section in Elementor.</li>
<li>Find the new “Custom URL” options in the element’s settings.</li>
<li>Add your desired URL and customize the link behavior.</li>
<li>Optionally, add custom CSS for further styling.</li>
<li>Save and preview your changes.</li>
</ol>
<h4>Pro Tips</h4>
<ul>
<li>Use custom URLs on sections to create clickable banners or call-to-action areas.</li>
<li>Apply custom CSS to add hover effects or transitions to your linked elements.</li>
<li>Combine with Elementor’s built-in features for even more dynamic layouts.</li>
</ul>
<h4>Compatibility</h4>
<p>Custom URL for Elementor is compatible with:</p>
<ul>
<li>Elementor Free</li>
<li>Elementor Pro</li>
<li>Most popular WordPress themes</li>
</ul>
<h3>Support</h3>
<p>If you encounter any issues or have any questions, please visit our <a href="https://wordpress.org/support/plugin/custom-url-for-elementor/" rel="ugc">support forum</a> or <a href="https://www.woologger.com/en/contact-us/" rel="nofollow ugc">contact us directly</a>.</p>
<h3>Contributions</h3>
<p>We welcome contributions to improve Custom URL for Elementor. Please visit our <a href="https://github.com/woologger/custom-url-for-elementor" rel="nofollow ugc">GitHub repository</a> to contribute.</p>
<h3>Privacy Policy</h3>
<p>Custom URL for Elementor does not collect or store any user data. It functions entirely within your WordPress installation.</p>
<h3>Credits</h3>
<p>Custom URL for Elementor is brought to you by <a href="https://woologger.com" rel="nofollow ugc">Woologger</a>, a team passionate about creating useful tools for WordPress and Elementor users.</p>


Custom URL for Elementor

Enhance your Elementor designs by adding custom URLs and CSS to Container, Section, Column, and Inner Section elements.

DOP Shortcodes vs Custom URL for Elementor