Skip to content
Beyond
The making of CogitActive and beyond
Posted on
August 20, 2020
September 15, 2020
by
CogitActive
The Video post format
by
WordPress
Post navigation
Previous Post
Previous
The Image post format
Next Post
Next
The Audio post format
.widget { display: none; --color-primary: #0288D1; --color-primary-contrast: #FFFFFF; --color-secondary: #DDDDDD; --color-secondary-contrast: #FFFFFF; --color-background: #c1cdef; --color-background-contrast: #FFFFFF; --color-dark: #666666; --color-dark-contrast: #FFFFFF; --scheme: var(--scheme-light); --size: var(--size-large); --space: var(--space-compact); --radius: var(--radius-sharp); }
p.description { font-size: 24px; font-weight: 600; color:#333333; } .point > .symbol { display: flex; justify-content: center; align-items: center; width: 100%; /* Make it take the full available space */ height: 100%; /* Match the parent size */ max-width: none !important; max-height: none !important; } .point > .symbol img { width: 100% !important; /* Ensure full scaling */ height: auto !important; /* Maintain aspect ratio */ object-fit: contain; /* Ensure it fits properly within parent */ } .can-rate.is-count .points .point.is-checked .symbol, .can-rate.is-count .points:hover .point:hover:not(.is-checked) .symbol { transform: none !important; }
{{widget.title}}
{{widget.description}}
{{attribute.label}}
{{point.label}}
{{ point.total || 0 }}
Submit
Cancel
.widget { display: none; --color-primary: #0288D1; --color-primary-contrast: #FFFFFF; --color-secondary: #DDDDDD; --color-secondary-contrast: #FFFFFF; --color-background: #c1cdef; --color-background-contrast: #FFFFFF; --color-dark: #666666; --color-dark-contrast: #FFFFFF; --scheme: var(--scheme-light); --size: var(--size-large); --space: var(--space-compact); --radius: var(--radius-sharp); }
p.description { font-size: 24px; font-weight: 600; color:#333333; } .point > .symbol { display: flex; justify-content: center; align-items: center; width: 100%; /* Make it take the full available space */ height: 100%; /* Match the parent size */ max-width: none !important; max-height: none !important; } .point > .symbol img { width: 100% !important; /* Ensure full scaling */ height: auto !important; /* Maintain aspect ratio */ object-fit: contain; /* Ensure it fits properly within parent */ } .can-rate.is-count .points .point.is-checked .symbol, .can-rate.is-count .points:hover .point:hover:not(.is-checked) .symbol { transform: none !important; }
{{widget.title}}
{{widget.description}}
{{attribute.label}}
{{point.label}}
{{ point.total || 0 }}
Submit
Cancel
.widget { display: none; --color-primary: #0288D1; --color-primary-contrast: #FFFFFF; --color-secondary: #DDDDDD; --color-secondary-contrast: #FFFFFF; --color-background: #ffffff; --color-background-contrast: #FFFFFF; --color-dark: #666666; --color-dark-contrast: #FFFFFF; --scheme: var(--scheme-light); --size: var(--size-regular); --space: var(--space-normal); --radius: var(--radius-rounded); }
p.description { font-size: 1.125 rem; font-weight: 400; color:#333333; } .point > .symbol { display: flex; justify-content: center; align-items: center; width: 100%; /* Make it take the full available space */ height: 100%; /* Match the parent size */ max-width: none !important; max-height: none !important; } .point > .symbol img { width: 100% !important; /* Ensure full scaling */ height: auto !important; /* Maintain aspect ratio */ object-fit: contain; /* Ensure it fits properly within parent */ } .can-rate.is-count .points .point.is-checked .symbol, .can-rate.is-count .points:hover .point:hover:not(.is-checked) .symbol { transform: none !important; } .form .button { background: #253f8c; } .form .button[disabled], .form .button[disabled]:hover, .form .button[disabled]:focus { filter: none; }
{{widget.title}}
{{widget.description}}
{{attribute.label}}
{{point.label}}
{{ point.total || 0 }}
Submit
Cancel
