{"id":1581,"date":"2025-03-28T09:16:27","date_gmt":"2025-03-28T13:16:27","guid":{"rendered":"https:\/\/sls.gmu.edu\/web\/?p=1581"},"modified":"2025-03-28T09:16:56","modified_gmt":"2025-03-28T13:16:56","slug":"aligning-icons-with-text-on-landing-pages-in-cascade","status":"publish","type":"post","link":"https:\/\/sls.gmu.edu\/web\/2025\/03\/28\/aligning-icons-with-text-on-landing-pages-in-cascade\/","title":{"rendered":"Aligning Icons with Text on Landing Pages in Cascade"},"content":{"rendered":"<p>Example codes for aligning icon image with text. The class <code>fcm<\/code> (First Child Margin) is needed to align the first child with all rest of the children.<\/p>\n<pre><code>&lt;div class=\"grid3 fcm\"&gt;\r\n\r\n&lt;section class=\"icon-24\"&gt;\r\n&lt;img alt=\"Mason Email\" src=\"\/render\/file.act?path=\/assets\/images\/icons\/24-email.svg\" width=\"50\" \/&gt;\u00a0\r\n&lt;a href=\"https:\/\/mail.gmu.edu\/\"&gt;Email Login (Office 365)&lt;\/a&gt;\r\n&lt;\/section&gt;\r\n\r\n&lt;section class=\"icon-24\"&gt;\r\n&lt;img alt=\"Password Management Link\" src=\"\/render\/file.act?path=\/assets\/images\/icons\/24-password.svg\" width=\"50\" \/&gt;\u00a0\r\n&lt;a href=\"https:\/\/password.gmu.edu\"&gt;Password Management&lt;\/a&gt;\r\n&lt;\/section&gt;\r\n\r\n&lt;section class=\"icon-24\"&gt;\r\n&lt;img alt=\"Scalia Law Blackboard\" src=\"\/render\/file.act?path=\/assets\/images\/icons\/24-blackboard.svg\" width=\"50\" \/&gt;\u00a0\r\n&lt;a href=\"https:\/\/mylawschoolportal.gmu.edu\/\"&gt;Blackboard (Law School)&lt;\/a&gt;\r\n&lt;\/section&gt;\r\n\r\n&lt;\/div&gt;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Example codes for aligning icon image with text. The class fcm (First Child Margin) is needed to align the first child with all rest of the children. &lt;div class=&#8221;grid3 fcm&#8221;&gt; &lt;section class=&#8221;icon-24&#8243;&gt; &lt;img alt=&#8221;Mason Email&#8221; src=&#8221;\/render\/file.act?path=\/assets\/images\/icons\/24-email.svg&#8221; width=&#8221;50&#8243; \/&gt;\u00a0 &lt;a href=&#8221;https:\/\/mail.gmu.edu\/&#8221;&gt;Email Login (Office 365)&lt;\/a&gt; &lt;\/section&gt; &lt;section class=&#8221;icon-24&#8243;&gt; &lt;img alt=&#8221;Password Management Link&#8221; src=&#8221;\/render\/file.act?path=\/assets\/images\/icons\/24-password.svg&#8221; width=&#8221;50&#8243; \/&gt;\u00a0 &lt;a href=&#8221;https:\/\/password.gmu.edu&#8221;&gt;Password &hellip; <a href=\"https:\/\/sls.gmu.edu\/web\/2025\/03\/28\/aligning-icons-with-text-on-landing-pages-in-cascade\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Aligning Icons with Text on Landing Pages in Cascade&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1581","post","type-post","status-publish","format-standard","hentry","category-cms"],"_links":{"self":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts\/1581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/comments?post=1581"}],"version-history":[{"count":0,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts\/1581\/revisions"}],"wp:attachment":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/media?parent=1581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/categories?post=1581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/tags?post=1581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}