When working on the homepage template, the “Single external shortcode” isn’t available. Is it normal and if yes, do we have another alternative to add a shortcode to the Homepage template?
Thanks in a advance
Hello !
You can use the column text element in order to render shortcodes or use HTML codes.
Simply copy the shortcode and insert it in the text area of the column text as you can see here: https://www.screencast.com/t/UEMEsVKog
Column text is an element from tagDiv Composer.
Thank you !
Perfect. That did the trick. Thank you very much. This is really a great theme.
Column text does not work well with both CSS and shortcode.
I’m trying to use a custom css styled newsletter form shortcode (Yikes plugin) that works perfect in the single post template using the Single External Shortcode BUT the same CSS does not work on the homepage using Column text.
Screenshot: https://imgur.com/C50ZwSG
CSS with shortcode:
<h3 style="font-weight:500;">Subscribe to our newsletter</h3>
<p>To receive the latest updates.</p>
<style>
.yikes-easy-mc-form label.label-inline { width: calc( 100% - 30% ) !important;
}
.yikes-easy-mc-text, .yikes-easy-mc-email {
height: 40px !important;
margin 0px !important;
border-width: 3px !important;
}
.yikes-easy-mc-submit-button {
margin-left: -10px !important;
padding: 0px 0px !important;
border: solid;
border-width: 4px;
border-color:#f26622;
color: #f26622;
background-color: #FFFFFF;
font-size: 12px;
font-weight:500;
transition: 0.4s;
}
.yikes-easy-mc-submit-button:hover {
background-color: #f26622;
font-weight:600;
color: #FFFFFF;
border: none;
}
</style>
[yikes-mailchimp form="1"]
Hi ksaunders, that is because in column text you need to set only the shortcode, the custom css need to be set in theme panel> custom code> custom css.
The column text can not render the code as the Single External Shortcode.
Let me know the results!
That worked. Thanks Calin!
