{"id":2029,"date":"2017-08-02T10:51:09","date_gmt":"2017-08-02T14:51:09","guid":{"rendered":"https:\/\/www.pair.com\/support\/kb\/?p=2029"},"modified":"2021-11-04T13:44:07","modified_gmt":"2021-11-04T17:44:07","slug":"how-to-align-images-in-wordpress","status":"publish","type":"ht_kb","link":"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/","title":{"rendered":"Classic Editor: How to Align Images in WordPress"},"content":{"rendered":"<p class=\"p1\"><span class=\"s1\"><a style=\"color:#fff; text-decoration:none!important;\" href=\"https:\/\/www.pair.com\/support\/kb\/tags\/wp-enthusiast\/\"><p class=\"\"style=\"background-color:#1a3d6e!important;color:#fff !important;padding:6px; display:inline-block!important;font-size:12px;font-weight:bold; border-radius:3px;\">WP Enthusiast<\/p><\/a> <a style=\"color:#fff; text-decoration:none!important;\" href=\"https:\/\/www.pair.com\/support\/kb\/tags\/wp-professional\/\"><p style=\"background-color:#1a3d6e !important;color:#fff !important;padding:6px; display:inline-block!important;font-size:12px;font-weight:bold; border-radius:3px;\">WP Professional<\/p><\/a> <a style=\"color:#fff; text-decoration:none!important;\" href=\"https:\/\/www.pair.com\/support\/kb\/tags\/wp-professional-plus\/\"><p style=\"background-color:#1a3d6e !important;color:#fff !important;padding:6px; display:inline-block!important;font-size:12px;font-weight:bold; border-radius:3px;\">WP Professional Plus<\/p><\/a> <a style=\"color:#fff; text-decoration:none!important;\" href=\"https:\/\/www.pair.com\/support\/kb\/tags\/pairsim-wordpress\/\"><p style=\"background-color:#1a3d6e !important;color:#fff !important;padding:6px; display:inline-block!important;font-size:12px;font-weight:bold; border-radius:3px;\">PairSIM WordPress<\/p><\/a><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Using images on sites helps make the content engaging and eye-catching. But how do we position images in our WordPress blogs and posts? This article will show you how.<\/span><\/p>\n<p>These instructions are meant for the Classic WordPress Editor. If you are using the Gutenberg Block Editor, see our article: <a href=\"https:\/\/www.pair.com\/support\/kb\/gutenberg-editor-how-to-align-images-in-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block Editor: How to Align Images in WordPress<\/a>.<\/p>\n<h3>How to Align Images in WordPress<\/h3>\n<p><span style=\"font-weight: 400;\">Once you\u2019ve <\/span><a href=\"https:\/\/www.pair.com\/support\/kb\/adding-images-to-your-wordpress-content\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">uploaded<\/span><span style=\"font-weight: 400;\"> and <\/span><span style=\"font-weight: 400;\">added<\/span><\/a><span style=\"font-weight: 400;\"> an image into your content, you can change its alignment.<\/span><\/p>\n    \t\t<div class=\"hts-messages hts-messages--success   hts-messages--withicon \"   >\r\n    \t\t\t    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\t<span style=\"font-weight: 400;\">If you would like more information on uploading and adding images, check out our article:\u00a0<\/span><a href=\"https:\/\/www.pair.com\/support\/kb\/adding-images-to-your-wordpress-content\/\"><span style=\"font-weight: 400;\">Classic Editor: Adding Images to Your WordPress Content<\/span><\/a><\/p>\n<p>    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<p><span style=\"font-weight: 400;\">Click on the image you have added to your content. A toolbar will appear. This toolbar contains the alignment options for this image.<\/span><\/p>\n<p><a href=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/toolbar-1.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2052\" src=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/toolbar-1.png\" alt=\"\" width=\"576\" height=\"298\" srcset=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/toolbar-1.png 576w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/toolbar-1-300x155.png 300w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/toolbar-1-60x31.png 60w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/toolbar-1-150x78.png 150w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><\/p>\n<p><a name=\"alignOPT\"><\/a><\/p>\n<h3>Alignment Options<\/h3>\n<h4>No Alignment<\/h4>\n<p><span style=\"font-weight: 400;\">When an image is newly added, it will have no alignment. To choose no alignment, click the fourth from the left button on the toolbar.<\/span><\/p>\n<p><a href=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/no-align.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2053\" src=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/no-align.png\" alt=\"\" width=\"576\" height=\"298\" srcset=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/no-align.png 576w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/no-align-300x155.png 300w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/no-align-60x31.png 60w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/no-align-150x78.png 150w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><\/p>\n<h4>Right Alignment<\/h4>\n<p><span style=\"font-weight: 400;\">To align the image right, click the third from the\u00a0left button on the toolbar.<\/span><\/p>\n<p><a href=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/right.png\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2054\" src=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/right.png\" alt=\"\" width=\"576\" height=\"298\" srcset=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/right.png 576w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/right-300x155.png 300w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/right-60x31.png 60w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/right-150x78.png 150w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><\/p>\n<h4>Center Alignment<\/h4>\n<p><span style=\"font-weight: 400;\">To align the image center, click the second from the\u00a0<\/span><span style=\"font-weight: 400;\">left button on the toolbar.<\/span><\/p>\n<p><a href=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/Center.png\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2055\" src=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/Center.png\" alt=\"\" width=\"576\" height=\"298\" srcset=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/Center.png 576w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/Center-300x155.png 300w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/Center-60x31.png 60w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/Center-150x78.png 150w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><\/p>\n<h4>Left Alignment<\/h4>\n<p><span style=\"font-weight: 400;\">To align the image left, click the leftmost button on the toolbar.<\/span><\/p>\n<p><a href=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/left.png\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2056\" src=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/left.png\" alt=\"\" width=\"576\" height=\"298\" srcset=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/left.png 576w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/left-300x155.png 300w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/left-60x31.png 60w, https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/left-150x78.png 150w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using images on sites helps make the content engaging and eye-catching. But how do we position images in our WordPress blogs and posts? This article will show you how. These instructions are meant for the Classic WordPress Editor. If you are using the Gutenberg Block Editor, see our article: Block&#8230;<\/p>\n","protected":false},"author":11,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[201],"ht-kb-tag":[205,185,200],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Classic Editor: How to Align Images in WordPress - Knowledge Base - Pair Networks<\/title>\n<meta name=\"description\" content=\"Using images on sites helps make the content engaging and eye-catching. But how do we position images in our WordPress blogs and posts? This article will show you how.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Classic Editor: How to Align Images in WordPress - Knowledge Base - Pair Networks\" \/>\n<meta property=\"og:description\" content=\"Using images on sites helps make the content engaging and eye-catching. But how do we position images in our WordPress blogs and posts? This article will show you how.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowledge Base - Pair Networks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pairnetworks\/\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-04T17:44:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/toolbar-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@pairNetworks\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/\",\"url\":\"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/\",\"name\":\"Classic Editor: How to Align Images in WordPress - Knowledge Base - Pair Networks\",\"isPartOf\":{\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#website\"},\"datePublished\":\"2017-08-02T14:51:09+00:00\",\"dateModified\":\"2021-11-04T17:44:07+00:00\",\"description\":\"Using images on sites helps make the content engaging and eye-catching. But how do we position images in our WordPress blogs and posts? This article will show you how.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pair.com\/support\/kb\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Classic Editor: How to Align Images in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#website\",\"url\":\"https:\/\/www.pair.com\/support\/kb\/\",\"name\":\"Knowledge Base - Pair Networks\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pair.com\/support\/kb\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#organization\",\"name\":\"Pair Networks\",\"url\":\"https:\/\/www.pair.com\/support\/kb\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2022\/02\/Gb_TUkUE_400x400.jpeg\",\"contentUrl\":\"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2022\/02\/Gb_TUkUE_400x400.jpeg\",\"width\":360,\"height\":360,\"caption\":\"Pair Networks\"},\"image\":{\"@id\":\"https:\/\/www.pair.com\/support\/kb\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pairnetworks\/\",\"https:\/\/twitter.com\/pairNetworks\",\"https:\/\/www.instagram.com\/pairnetworks\/\",\"https:\/\/www.linkedin.com\/company\/2269676\/\",\"https:\/\/www.pinterest.com\/pairnetworksinc\/pins\/\",\"https:\/\/www.youtube.com\/user\/pairnetworks\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Classic Editor: How to Align Images in WordPress - Knowledge Base - Pair Networks","description":"Using images on sites helps make the content engaging and eye-catching. But how do we position images in our WordPress blogs and posts? This article will show you how.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Classic Editor: How to Align Images in WordPress - Knowledge Base - Pair Networks","og_description":"Using images on sites helps make the content engaging and eye-catching. But how do we position images in our WordPress blogs and posts? This article will show you how.","og_url":"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/","og_site_name":"Knowledge Base - Pair Networks","article_publisher":"https:\/\/www.facebook.com\/pairnetworks\/","article_modified_time":"2021-11-04T17:44:07+00:00","og_image":[{"url":"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2017\/08\/toolbar-1.png"}],"twitter_card":"summary_large_image","twitter_site":"@pairNetworks","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/","url":"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/","name":"Classic Editor: How to Align Images in WordPress - Knowledge Base - Pair Networks","isPartOf":{"@id":"https:\/\/www.pair.com\/support\/kb\/#website"},"datePublished":"2017-08-02T14:51:09+00:00","dateModified":"2021-11-04T17:44:07+00:00","description":"Using images on sites helps make the content engaging and eye-catching. But how do we position images in our WordPress blogs and posts? This article will show you how.","breadcrumb":{"@id":"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pair.com\/support\/kb\/how-to-align-images-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pair.com\/support\/kb\/"},{"@type":"ListItem","position":2,"name":"Classic Editor: How to Align Images in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.pair.com\/support\/kb\/#website","url":"https:\/\/www.pair.com\/support\/kb\/","name":"Knowledge Base - Pair Networks","description":"","publisher":{"@id":"https:\/\/www.pair.com\/support\/kb\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pair.com\/support\/kb\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.pair.com\/support\/kb\/#organization","name":"Pair Networks","url":"https:\/\/www.pair.com\/support\/kb\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.pair.com\/support\/kb\/#\/schema\/logo\/image\/","url":"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2022\/02\/Gb_TUkUE_400x400.jpeg","contentUrl":"https:\/\/www.pair.com\/support\/kb\/wp-content\/uploads\/2022\/02\/Gb_TUkUE_400x400.jpeg","width":360,"height":360,"caption":"Pair Networks"},"image":{"@id":"https:\/\/www.pair.com\/support\/kb\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pairnetworks\/","https:\/\/twitter.com\/pairNetworks","https:\/\/www.instagram.com\/pairnetworks\/","https:\/\/www.linkedin.com\/company\/2269676\/","https:\/\/www.pinterest.com\/pairnetworksinc\/pins\/","https:\/\/www.youtube.com\/user\/pairnetworks"]}]}},"_links":{"self":[{"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb\/2029"}],"collection":[{"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/comments?post=2029"}],"version-history":[{"count":12,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb\/2029\/revisions"}],"predecessor-version":[{"id":8149,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb\/2029\/revisions\/8149"}],"wp:attachment":[{"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/media?parent=2029"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb-category?post=2029"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.pair.com\/support\/kb\/wp-json\/wp\/v2\/ht-kb-tag?post=2029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}