{"id":1471,"date":"2022-01-01T07:23:41","date_gmt":"2022-01-01T15:23:41","guid":{"rendered":"https:\/\/wpfellows.com\/?p=1471"},"modified":"2022-01-01T07:23:45","modified_gmt":"2022-01-01T15:23:45","slug":"wordpress-add-border-around-text","status":"publish","type":"post","link":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/","title":{"rendered":"How to add a border around text in WordPress"},"content":{"rendered":"<p>In this WordPress tutorial, you&#8217;ll learn how to add a border around text in WordPress. And you can do it simply with the help of CSS. This is a very simple technique that can give your website a better and more professional look. Also, you can attract the attention of your readers by using a contrasting color for your text frame.<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_69_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#Why_you_should_not_install_a_plugin_to_add_borders_around_text_in_WordPress\" title=\"Why you should not install a plugin to add borders around text in WordPress\">Why you should not install a plugin to add borders around text in WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#How_to_add_a_border_around_your_text_without_a_plugin\" title=\"How to add a border around your text without a plugin\">How to add a border around your text without a plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#How_to_add_a_border_around_elements_without_editing_your_CSS_file\" title=\"How to add a border around elements without editing your CSS file\">How to add a border around elements without editing your CSS file<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"gb-headline gb-headline-20553a4a gb-headline-text\"><span class=\"ez-toc-section\" id=\"Why_you_should_not_install_a_plugin_to_add_borders_around_text_in_WordPress\"><\/span>Why you should not install a plugin to add borders around text in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Your first thought would be to install a plugin that will do the job for you. However, if you install too many plugins, you expose your website to security risks. Therefore, it is better not to install a plugin for such a small task.<\/p><p>Another disadvantage of too many plugins is the loading time of your website. Many plugins make your WordPress website slower, and nobody wants that.<\/p><p>Now that we know why it&#8217;s a good idea not to use a plugin, let&#8217;s learn how to solve the problem ourselves with some simple CSS code<\/p><h2 class=\"gb-headline gb-headline-db5bbb3d gb-headline-text\"><span class=\"ez-toc-section\" id=\"How_to_add_a_border_around_your_text_without_a_plugin\"><\/span>How to add a border around your text without a plugin<span class=\"ez-toc-section-end\"><\/span><\/h2><p>As already written, this task is relatively easy to accomplish. We don&#8217;t need a plugin for this. Just two small changes to your text and CSS.<\/p><p>Don&#8217;t worry, you can do this super easy even as a beginner.<\/p><h3 class=\"gb-headline gb-headline-7ce4db14 gb-headline-text\">Step 1: Give your text its own CSS class<\/h3><p>To create a border around text in WordPress without plugins, we need the help of two things built into HTML and CSS: IDs and classes. An ID is an identifier for a specific element, while a class is an identifier for multiple elements that have the same properties (for example, a color).<\/p><p>In other words: We give the element you want to change a unique name. With this name, you can change the style of the element with simple CSS code.<\/p><p>Normally you would need custom code for this, but luckily the WordPress Gutenberg editor has a field built-in that allows us to give each element or group on our page its own class (name).<\/p><figure class=\"wp-block-image size-full contentimage\"><img decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/12\/give-text-css-class.jpeg\" alt=\"Assign a CSS class for the text block\" class=\"wp-image-1474\" srcset=\"https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/12\/give-text-css-class.jpeg 1024w, https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/12\/give-text-css-class-300x150.jpeg 300w, https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/12\/give-text-css-class-768x384.jpeg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"borderedtext\">Select the text block you want to change and scroll down the sidebar on the right. There you will find the &#8220;Advanced&#8221; section, which you have to expand.<\/p><p>In the field &#8220;additional CSS class(es)&#8221; you now enter &#8220;borderedtext&#8221;. Of course, you can use any other name for your CSS class. Then you just have to consider it in the rest of the tutorial below.<\/p><p class=\"attentiontipp\"><strong>Tip:<\/strong><br>Choose a name that you can easily remember. If you need a frame around the text in the future, you can simply give the desired element this class name and you&#8217;re done.<\/p><h3 class=\"gb-headline gb-headline-06d538ff gb-headline-text\">Step 2: Edit the CSS file of your theme<\/h3><p>In step 2 we need to edit the CSS file of your theme. For this, you can use the built-in file editor of WordPress.<\/p><p>Open your WordPress dashboard and click Appearance &gt; Editor.<\/p><p>Click on your theme&#8217;s CSS file (style.css) and scroll to the bottom of the file. This is the right place to add our CSS code.<\/p><p>When you add the following code, all the text in the borderedtext class will have a thin black border:<\/p><pre class=\"wp-block-code\"><code>.borderedtext {\n   border-style: solid;\n   border-width: thin;\n   border-color: #000000;\n   padding: 15px 15px 15px 15px;\n}<\/code><\/pre><p class=\"borderedtext\">So that the text does not stick directly to the frame, I have added padding specifications. Padding stands for inside spacing, so in this case, it controls the distance between text and border.<\/p><p class=\"borderedtext\">To change the thickness of the border, we can simply adjust the value of the border. Instead of the &#8220;thin&#8221; attribute, you can also use pixel values (e.g. &#8220;border-width: 20px;&#8221;). You can learn more about how to customize your frames <a href=\"https:\/\/www.w3schools.com\/css\/css_border.asp\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p><p>That&#8217;s it! You have now added frames around text in WordPress without using a plugin!<\/p><h3 class=\"gb-headline gb-headline-21275531 gb-headline-text\">Bonus Idea:<\/h3><p>On WPFellows, we mark important text or annotations with a red or blue border. Exactly like this:<\/p><p class=\"attentiontipp\">This is an important text with very important notes.<\/p><p>Using the technique described above, you can easily create these boxes yourself.<\/p><p>Just add a background color, some padding, and a border-radius (for rounded corners) to your CSS, like this:<\/p><h2 class=\"gb-headline gb-headline-7c895b09 gb-headline-text\"><span class=\"ez-toc-section\" id=\"How_to_add_a_border_around_elements_without_editing_your_CSS_file\"><\/span>How to add a border around elements without editing your CSS file<span class=\"ez-toc-section-end\"><\/span><\/h2><p>I don&#8217;t prefer this way, but if you don&#8217;t want to edit your CSS file, there is another way.<\/p><p>With the Gutenberg editor, we can edit blocks in HTML. To do this, click on the text block around which you want to create a frame, and then click on the three items of the quick menu.<\/p><figure class=\"wp-block-image size-full contentimage\"><img decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/12\/edit-html-wordpress-text.jpeg\" alt=\"Open HTML editing in WordPress editor\" class=\"wp-image-1475\" srcset=\"https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/12\/edit-html-wordpress-text.jpeg 1024w, https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/12\/edit-html-wordpress-text-300x150.jpeg 300w, https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/12\/edit-html-wordpress-text-768x384.jpeg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Now select &#8220;Edit as HTML&#8221; and your block will become editable. In this mode, we can write our CSS directly (inline) into our block.<\/p><p>Edit your text to get a frame around it.<\/p><pre class=\"wp-block-code\"><code>&lt;p style=\"border: 1px solid #000; padding: 15px 15px 15px 15px;\"&gt;This is your text.&lt;\/p&gt;<\/code><\/pre><p class=\"attentiontipp\"><strong>The big disadvantage of this method:<\/strong><br>You change only this single block of text. Whenever you need another outlined text on your website, you need to repeat exactly the same steps.<\/p>","protected":false},"excerpt":{"rendered":"<p>In this WordPress tutorial, you&#8217;ll learn how to add a border around text in WordPress. And you can do it simply with the help of CSS. This is a very simple technique that can give your website a better and more professional look. Also, you can attract the attention of your readers by using a &#8230; <a title=\"How to add a border around text in WordPress\" class=\"read-more\" href=\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/\" aria-label=\"Read more about How to add a border around text in WordPress\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":1477,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"limit_modified_date":"1","last_modified_date":"2022-01-01T07:23:45","inline_featured_image":false,"footnotes":""},"categories":[29],"tags":[],"class_list":["post-1471","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.4 (Yoast SEO v23.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add a border around text in WordPress - WPfellows<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a border around text in WordPress - WPfellows\" \/>\n<meta property=\"og:description\" content=\"In this WordPress tutorial, you&#8217;ll learn how to add a border around text in WordPress. And you can do it simply with the help of CSS. This is a very simple technique that can give your website a better and more professional look. Also, you can attract the attention of your readers by using a ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/\" \/>\n<meta property=\"og:site_name\" content=\"WPfellows\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wordpressfellows\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/heikoschneider\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-01T15:23:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-01T15:23:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpfellows.com\/wp-content\/uploads\/2022\/01\/wordpress-add-border-around-text.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Heiko Schneider\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/heikoschneider\" \/>\n<meta name=\"twitter:site\" content=\"@wpfellows_com\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Heiko Schneider\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/\"},\"author\":{\"name\":\"Heiko Schneider\",\"@id\":\"https:\/\/wpfellows.com\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b\"},\"headline\":\"How to add a border around text in WordPress\",\"datePublished\":\"2022-01-01T15:23:41+00:00\",\"dateModified\":\"2022-01-01T15:23:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/\"},\"wordCount\":825,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/wpfellows.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wpfellows.com\/wp-content\/uploads\/2022\/01\/wordpress-add-border-around-text.jpg\",\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/\",\"url\":\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/\",\"name\":\"How to add a border around text in WordPress - WPfellows\",\"isPartOf\":{\"@id\":\"https:\/\/wpfellows.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wpfellows.com\/wp-content\/uploads\/2022\/01\/wordpress-add-border-around-text.jpg\",\"datePublished\":\"2022-01-01T15:23:41+00:00\",\"dateModified\":\"2022-01-01T15:23:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#primaryimage\",\"url\":\"https:\/\/wpfellows.com\/wp-content\/uploads\/2022\/01\/wordpress-add-border-around-text.jpg\",\"contentUrl\":\"https:\/\/wpfellows.com\/wp-content\/uploads\/2022\/01\/wordpress-add-border-around-text.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"WordPress add border around text\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpfellows.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add a border around text in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpfellows.com\/#website\",\"url\":\"https:\/\/wpfellows.com\/\",\"name\":\"WPFellows\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/wpfellows.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpfellows.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wpfellows.com\/#organization\",\"name\":\"WPFellows\",\"url\":\"https:\/\/wpfellows.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpfellows.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/08\/fellows-wp.svg\",\"contentUrl\":\"https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/08\/fellows-wp.svg\",\"width\":100,\"height\":100,\"caption\":\"WPFellows\"},\"image\":{\"@id\":\"https:\/\/wpfellows.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/wordpressfellows\/\",\"https:\/\/x.com\/wpfellows_com\",\"https:\/\/www.youtube.com\/channel\/UCPxOcT7WxbFFLiQedE0V6Bg\",\"https:\/\/www.pinterest.de\/WordPressFellows\/\",\"https:\/\/www.instagram.com\/wp_fellows\/\",\"https:\/\/www.crunchbase.com\/organization\/wpfellows\/technology\",\"https:\/\/www.linkedin.com\/company\/wpfellows\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpfellows.com\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b\",\"name\":\"Heiko Schneider\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpfellows.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g\",\"caption\":\"Heiko Schneider\"},\"description\":\"Hej, ich bin Heiko. Mitbegr\u00fcnder der WPFellows und seit \u00fcber 15 Jahren professioneller WordPress Entwickler und Trainer. Mehr \u00fcber Heiko erfahren.\",\"sameAs\":[\"https:\/\/www.wpfellows.com\",\"https:\/\/www.facebook.com\/heikoschneider\",\"https:\/\/x.com\/https:\/\/twitter.com\/heikoschneider\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to add a border around text in WordPress - WPfellows","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:\/\/wpfellows.com\/wordpress-add-border-around-text\/","og_locale":"en_US","og_type":"article","og_title":"How to add a border around text in WordPress - WPfellows","og_description":"In this WordPress tutorial, you&#8217;ll learn how to add a border around text in WordPress. And you can do it simply with the help of CSS. This is a very simple technique that can give your website a better and more professional look. Also, you can attract the attention of your readers by using a ... Read more","og_url":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/","og_site_name":"WPfellows","article_publisher":"https:\/\/www.facebook.com\/wordpressfellows\/","article_author":"https:\/\/www.facebook.com\/heikoschneider","article_published_time":"2022-01-01T15:23:41+00:00","article_modified_time":"2022-01-01T15:23:45+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/wpfellows.com\/wp-content\/uploads\/2022\/01\/wordpress-add-border-around-text.jpg","type":"image\/jpeg"}],"author":"Heiko Schneider","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/heikoschneider","twitter_site":"@wpfellows_com","twitter_misc":{"Written by":"Heiko Schneider","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#article","isPartOf":{"@id":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/"},"author":{"name":"Heiko Schneider","@id":"https:\/\/wpfellows.com\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b"},"headline":"How to add a border around text in WordPress","datePublished":"2022-01-01T15:23:41+00:00","dateModified":"2022-01-01T15:23:45+00:00","mainEntityOfPage":{"@id":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/"},"wordCount":825,"commentCount":0,"publisher":{"@id":"https:\/\/wpfellows.com\/#organization"},"image":{"@id":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#primaryimage"},"thumbnailUrl":"https:\/\/wpfellows.com\/wp-content\/uploads\/2022\/01\/wordpress-add-border-around-text.jpg","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/","url":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/","name":"How to add a border around text in WordPress - WPfellows","isPartOf":{"@id":"https:\/\/wpfellows.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#primaryimage"},"image":{"@id":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#primaryimage"},"thumbnailUrl":"https:\/\/wpfellows.com\/wp-content\/uploads\/2022\/01\/wordpress-add-border-around-text.jpg","datePublished":"2022-01-01T15:23:41+00:00","dateModified":"2022-01-01T15:23:45+00:00","breadcrumb":{"@id":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpfellows.com\/wordpress-add-border-around-text\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#primaryimage","url":"https:\/\/wpfellows.com\/wp-content\/uploads\/2022\/01\/wordpress-add-border-around-text.jpg","contentUrl":"https:\/\/wpfellows.com\/wp-content\/uploads\/2022\/01\/wordpress-add-border-around-text.jpg","width":1920,"height":1080,"caption":"WordPress add border around text"},{"@type":"BreadcrumbList","@id":"https:\/\/wpfellows.com\/wordpress-add-border-around-text\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpfellows.com\/"},{"@type":"ListItem","position":2,"name":"How to add a border around text in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/wpfellows.com\/#website","url":"https:\/\/wpfellows.com\/","name":"WPFellows","description":"","publisher":{"@id":"https:\/\/wpfellows.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpfellows.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wpfellows.com\/#organization","name":"WPFellows","url":"https:\/\/wpfellows.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpfellows.com\/#\/schema\/logo\/image\/","url":"https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/08\/fellows-wp.svg","contentUrl":"https:\/\/wpfellows.com\/wp-content\/uploads\/2021\/08\/fellows-wp.svg","width":100,"height":100,"caption":"WPFellows"},"image":{"@id":"https:\/\/wpfellows.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wordpressfellows\/","https:\/\/x.com\/wpfellows_com","https:\/\/www.youtube.com\/channel\/UCPxOcT7WxbFFLiQedE0V6Bg","https:\/\/www.pinterest.de\/WordPressFellows\/","https:\/\/www.instagram.com\/wp_fellows\/","https:\/\/www.crunchbase.com\/organization\/wpfellows\/technology","https:\/\/www.linkedin.com\/company\/wpfellows\/"]},{"@type":"Person","@id":"https:\/\/wpfellows.com\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b","name":"Heiko Schneider","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpfellows.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g","caption":"Heiko Schneider"},"description":"Hej, ich bin Heiko. Mitbegr\u00fcnder der WPFellows und seit \u00fcber 15 Jahren professioneller WordPress Entwickler und Trainer. Mehr \u00fcber Heiko erfahren.","sameAs":["https:\/\/www.wpfellows.com","https:\/\/www.facebook.com\/heikoschneider","https:\/\/x.com\/https:\/\/twitter.com\/heikoschneider"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/wpfellows.com\/wp-json\/wp\/v2\/posts\/1471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfellows.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpfellows.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpfellows.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfellows.com\/wp-json\/wp\/v2\/comments?post=1471"}],"version-history":[{"count":0,"href":"https:\/\/wpfellows.com\/wp-json\/wp\/v2\/posts\/1471\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpfellows.com\/wp-json\/wp\/v2\/media\/1477"}],"wp:attachment":[{"href":"https:\/\/wpfellows.com\/wp-json\/wp\/v2\/media?parent=1471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpfellows.com\/wp-json\/wp\/v2\/categories?post=1471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpfellows.com\/wp-json\/wp\/v2\/tags?post=1471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}