{"id":2864,"date":"2024-02-08T10:20:10","date_gmt":"2024-02-08T15:20:10","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?p=2864"},"modified":"2024-09-18T20:32:04","modified_gmt":"2024-09-19T00:32:04","slug":"text-and-images-in-a-columns-block","status":"publish","type":"post","link":"https:\/\/carleton.ca\/cutheme-docs\/2024\/text-and-images-in-a-columns-block\/","title":{"rendered":"Text and Images in a Columns Block"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Text and Images in a Columns Block\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>This video tutorial demonstrates how to add text and an image to a columns block. The steps are:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add a columns block.<\/li>\n\n\n\n<li>Add text: By default, each column will have a paragraph block. Paste your text in one column.<\/li>\n\n\n\n<li>Add an image: In the other column, first add an image block. Then upload your image from the media library or your computer.<\/li>\n<\/ol>\n\n\n\n<div class=\"cu-section cu-section-5xl not-contained bg-white cu-prose\"><figure class=\"cu-embed cu-component not-contained mx-auto max-w-5xl\"><div class=\"relative w-full pb-[56.25%] overflow-hidden border border-cu-black-100\"><iframe title=\"Videos Embed\" src=\"https:\/\/www.youtube.com\/embed\/E9KpoDaCouI\" class=\"cu-embed-iframe\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div><\/figure><\/div>\n\n\n\n<div class=\"cu-container not-contained prose prose-rds max-w-none prose-lg md:prose-xl prose-img:w-full prose-img:rounded-lg prose-blockquote:font-normal prose-blockquote:rounded-md prose-blockquote:border-l-4 prose-h4:text-xl md:prose-h4:text-2xl cu-container-5xl py-5 md:py-6 bg-white\"><dl class=\"cu-description prose prose-rds max-w-none prose-lg md:prose-xl prose-img:w-full prose-img:rounded-lg prose-blockquote:font-normal prose-blockquote:rounded-md prose-blockquote:border-l-4 prose-h4:text-xl md:prose-h4:text-2xl\">\n\n<div class=\"accordion grid border-b border-cu-black-200 pt-4 pb-3 md:pt-6 md:pb-5 first:border-t\"><dt class=\"font-semibold pb-2 mt-0 md:mt-0 mb-0 prose prose-rds max-w-none prose-lg md:prose-xl prose-img:w-full prose-img:rounded-lg prose-blockquote:font-normal prose-blockquote:rounded-md prose-blockquote:border-l-4 prose-h4:text-xl md:prose-h4:text-2xl\"><button class=\"accordion__button flex items-center w-full\" aria-expanded=\"false\" aria-controls=\"accordion-transcript---text-and-image-in-columns-block\">Transcript &#8211; Text and Image in Columns Block<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" class=\"accordion__icon w-5 h-5 ml-auto text-cu-black-500 transition-transform rotate-0}\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\"><\/path><\/svg><\/button><\/dt><dd class=\"accordion__content p-0 md:p-0 mt-0 md:mt-0 [&amp;&gt;*:first-child]:mt-0 md:[&amp;&gt;*:first-child]:mt-0 [&amp;&gt;*:last-child]:mb-2 md:[&amp;&gt;*:last-child]:mb-2\" hidden id=\"accordion-transcript---text-and-image-in-columns-block\">\n\n<p>To add an image and text in columns, first add your columns block.<\/p>\n\n\n<p>And then you can just paste your text in one column.<\/p>\n\n\n<p>In the second column, you&#8217;re going to add an image block. Here we&#8217;ll just add the image block and then what you can just grab your image from your media library or from your computer.<\/p>\n\n\n<p>And you should be able to just upload that here. I&#8217;ll just let that upload and<\/p>\n\n\n<p>then we&#8217;ll see how that looks.<\/p>\n\n\n<p>Now publish and let&#8217;s see how that looks in the front end.<\/p>\n\n\n<p>There we go &#8211; let me know if you have any more questions!<\/p>\n\n<\/dd><\/div>\n\n<\/dl><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This video tutorial demonstrates how to add text and an image to a columns block. The steps are:<\/p>\n","protected":false},"author":2,"featured_media":1644,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[36,25],"tags":[],"class_list":["post-2864","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blocks","category-tips-tricks"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/2864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=2864"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/2864\/revisions"}],"predecessor-version":[{"id":4350,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/2864\/revisions\/4350"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media\/1644"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=2864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/categories?post=2864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/tags?post=2864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}