This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- | |
Place the HTML in a Custom Content field and replace the merge tags with your own. | |
You can then plce the CSS inside the "Custom Code" panel in the View settings. | |
--> | |
<div class="contact-card"> | |
<div class="contact-header"> | |
<h2>{Name (Name):1.3} {Name (Name):1.6}</h2> | |
<p class="position">{Job Title:3}</p> | |
</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.gv-list-view {border:none !important;} | |
/* Grid container */ | |
.gv-list-view-content { | |
background-color: #fff; | |
border: 1px solid #e5e7eb; | |
border-left: 5px solid #e5e7eb; | |
border-radius: 12px; | |
padding: 20px; | |
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Modern Table Styling */ | |
table.gv-table-view { | |
width: 100%; | |
border-collapse: collapse; | |
margin: 20px 0; | |
font-size: 16px; | |
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[gvlogic if="{Priority:3}" is="1st Priority"] | |
<span class="gk-priority gk-priority-critical">{Priority:3}</span> | |
[/gvlogic] | |
[gvlogic if="{Priority:3}" is="2nd Priority"] | |
<span class="gk-priority gk-priority-high">{Priority:3}</span> | |
[/gvlogic] | |
[gvlogic if="{Priority:3}" is="3rd Priority"] | |
<span class="gk-priority gk-priority-medium">{Priority:3}</span> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="total-raised-container"> | |
<div class="total-raised"> | |
<span class="raised-amount"> | |
<!-- replace the form ID and merge tag with your own --> | |
$[gravitymath scope="form" id="3"] {Donation amount:5:sum} [/gravitymath] | |
</span> | |
<span class="raised-text">Total Raised</span> | |
</div> | |
</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.gv-diy-multiple-container.gv-container { | |
display:flex; | |
flex-wrap: wrap; | |
justify-content:center; | |
margin-top:20px; | |
} | |
.gv-container img { width:100% !important; } | |
.gv-diy-multiple-container.gv-container .gv-diy-view { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#gv-view-2303-1 .gv-list-multiple-container { | |
display:flex; | |
flex-wrap: wrap; | |
justify-content:center; | |
margin-top:20px; | |
} | |
#gv-view-2303-1 .gv-list-multiple-container img { | |
max-width:70% !important; | |
margin: 0 auto; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="video-container"> | |
<iframe class="video" src="https://www.youtube.com/embed/yekXIobF3fk" allowfullscreen></iframe> | |
</div> | |
<style> | |
.video-container { | |
position: relative; | |
width: 100%; | |
padding-bottom: 56.25%; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
.gv-list-multiple-container.gv-container{ | |
display:flex; | |
flex-wrap: wrap; | |
justify-content:center; | |
margin-top:20px; | |
} | |
.gv-list-multiple-container.gv-container .gv-list-view { | |
margin-right: 20px; | |
width: 340px; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
.gv-list-multiple-container.gv-container { | |
display:flex; | |
flex-wrap: wrap; | |
justify-content:center; | |
margin-top:20px; | |
} | |
.gv-container img { | |
width:100% !important; | |
} |
NewerOlder