{"id":4756,"date":"2024-02-25T15:58:19","date_gmt":"2024-02-25T20:58:19","guid":{"rendered":"https:\/\/karmismusingstech.com\/?p=4756"},"modified":"2025-08-12T14:02:28","modified_gmt":"2025-08-12T18:02:28","slug":"wordpress-additional-css-using-bing-ai-and-experimentation","status":"publish","type":"post","link":"https:\/\/karmismusingstech.com\/index.php\/2024\/02\/25\/wordpress-additional-css-using-bing-ai-and-experimentation\/","title":{"rendered":"WordPress Additional CSS \u2013 using Bing AI and \u2018<i>Experimentation<\/i>\u2019"},"content":{"rendered":"<p><img decoding=\"async\" class=\"aligncenter wp-image-4758 size-full\" src=\"https:\/\/karmismusingstech.com\/wp-content\/uploads\/2024\/02\/blank-2a.jpg\" alt=\"\" width=\"800\" height=\"400\" srcset=\"https:\/\/karmismusingstech.com\/wp-content\/uploads\/2024\/02\/blank-2a.jpg 800w, https:\/\/karmismusingstech.com\/wp-content\/uploads\/2024\/02\/blank-2a-500x250.jpg 500w, https:\/\/karmismusingstech.com\/wp-content\/uploads\/2024\/02\/blank-2a-768x384.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>I\u2019ve had this <a href=\"https:\/\/buywptemplates.com\/demo\/docs\/multipurpose-blog-pro\/\" target=\"_blank\" rel=\"noopener\"><b>Multipurpose Blog Pro<\/b><\/a> theme &amp; its Multipurpose Blog Pro Child for almost 16 months now, and have tried to change the Quote Style blockquotes from <b>text-align: center<\/b> -to- <b>text-align: left<\/b> every since.<\/p>\n<p>Love the theme\u2014except for the blockquote issue, and also an issue with the Bulleted list not working right (<i>bullets don&#8217;t show up on preview or final post, but do in the Classic Editor<\/i>).<\/p>\n<p>See previous post: <a href=\"https:\/\/karmismusingstech.com\/index.php\/2024\/02\/23\/looks-like-a-long-break-has-arrived\/\"><i><b>Looks like a long \u2018Break\u2018 has arrived\u2026<\/b><\/i><\/a> for more info.<\/p>\n<p><!--more--><\/p>\n<p>Note the new script was created using Bing AI, then I edited the text color, changed background color as well, and rounded the corners of the background\u2014<em>using code from a previous ChatGPT created widget<\/em>.<\/p>\n<p>Today, I went into my <a href=\"https:\/\/buywptemplates.com\/demo\/docs\/multipurpose-blog-pro\/\" target=\"_blank\" rel=\"noopener\"><b>Multipurpose Blog Pro<\/b><\/a> theme using the WordPress Theme File Editor, and searched thru it for some info on blockquotes. Found this on lines 2150-2153:<\/p>\n<p style=\"text-align: left;\">blockquote{<br \/>\nborder-left: none !important;<br \/>\ntext-align: center !important;<br \/>\n}<\/p>\n<p>It says not to edit the parent theme, and suggests using the WordPress <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\"><b>Additional CSS<\/b><\/a> section instead. Went to the Additional CSS section and added just lines 2150, 2152, and 2153 (left out line 2151\u2019s <b>border-left: none !important;<\/b> code) to the previous script\/code mentioned in the <a href=\"https:\/\/karmismusingstech.com\/index.php\/2024\/02\/23\/looks-like-a-long-break-has-arrived\/\"><i><b>Looks like a long \u2018Break\u2018 has arrived\u2026<\/b><\/i><\/a> post. Removed the \u201ccenter\u201d from the <b>text-align: center !important;<\/b> code and added \u201cleft\u201d in its place \u2013 like this:<\/p>\n<p>blockquote {<br \/>\nmax-width: 550px;<br \/>\ntext-align: justify;<br \/>\nmargin: 20px;<br \/>\npadding: 20px;<br \/>\nfont-family: &#8216;Noto Sans&#8217;, Arial, sans-serif;<br \/>\nfont-size: 26px;<br \/>\ncolor: #000000;<br \/>\nbackground: #f6f6f6;<br \/>\nborder-radius: 5px;<br \/>\n}<br \/>\nblockquote{<br \/>\ntext-align: left !important;<br \/>\n}<\/p>\n<p>Here\u2019s what blockquote looks like now:<\/p>\n<blockquote><p>Note the new script was created using Bing AI, and I edited the text color, and changed background color as well a rounding the corners of the background.<\/p>\n<p>Today, I went into my Multipurpose Blog Pro theme using the WordPress Theme File Editor, and searched thru it for some info on blockquotes. Found this on lines 2150-2153:<\/p>\n<p>blockquote{<br \/>\nborder-left: none !important;<br \/>\ntext-align: center !important;<br \/>\n}<\/p>\n<p>It says not to edit the parent theme, and suggests using the WordPress Additional CSS section instead. Went to the Additional CSS section and added just lines 2150, 2152, and 2153 (left out line 2151\u2019s border-left: none !important; code) to the previous script\/code mentioned in the Looks like a long \u2018Break\u2018 has arrived\u2026 post. Removed the \u201ccenter\u201d from the text-align: center !important; code and added \u201cleft\u201d in its place \u2013 like this:<\/p><\/blockquote>\n<p>Finally \u2013 text-aligned left at last!\u00a0 <b>\\o\/ \u2018<\/b><i><b>Hippity hip Hoorah<\/b><\/i><b>\u2018 \\o\/<\/b><\/p>\n<h2>Conclusion<\/h2>\n<p>The Bulleted list issue may be a mix of Classic Editor and the Multipurpose Blog Pro, but as a novice that is only guessing. Didn\u2019t see anything about Bulleted list during the search of the theme with the Theme File Editor, and it is not that big of an issue for me\u2014like the centered blockquote was.<\/p>\n<p><em>Still<\/em>, \ud83e\udd14 I may ask Bing AI &amp; ChatGPT to do a CSS script for a Bulleted list, just as an experiment&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I\u2019ve had this Multipurpose Blog Pro theme &amp; its Multipurpose Blog Pro Child for almost 16 months now, and have tried to change the Quote Style blockquotes from text-align: center -to- text-align: left every since. Love the theme\u2014except for the blockquote issue, and also an issue with the Bulleted list not working right (bullets don&#8217;t &#8230; <a title=\"WordPress Additional CSS \u2013 using Bing AI and \u2018Experimentation\u2019\" class=\"read-more\" href=\"https:\/\/karmismusingstech.com\/index.php\/2024\/02\/25\/wordpress-additional-css-using-bing-ai-and-experimentation\/\" aria-label=\"Read more about WordPress Additional CSS \u2013 using Bing AI and \u2018Experimentation\u2019\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":4,"footnotes":""},"categories":[192,30,99,40,97,201,32,202,103,27,168,31],"tags":[],"class_list":["post-4756","post","type-post","status-publish","format-standard","hentry","category-bing-ai","category-blogging","category-blogging-tips","category-blogs","category-chatgpt","category-copilot","category-hostinger","category-html-code","category-microsoft","category-testing","category-web-hosting","category-wordpress"],"_links":{"self":[{"href":"https:\/\/karmismusingstech.com\/index.php\/wp-json\/wp\/v2\/posts\/4756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/karmismusingstech.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/karmismusingstech.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/karmismusingstech.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/karmismusingstech.com\/index.php\/wp-json\/wp\/v2\/comments?post=4756"}],"version-history":[{"count":8,"href":"https:\/\/karmismusingstech.com\/index.php\/wp-json\/wp\/v2\/posts\/4756\/revisions"}],"predecessor-version":[{"id":4765,"href":"https:\/\/karmismusingstech.com\/index.php\/wp-json\/wp\/v2\/posts\/4756\/revisions\/4765"}],"wp:attachment":[{"href":"https:\/\/karmismusingstech.com\/index.php\/wp-json\/wp\/v2\/media?parent=4756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/karmismusingstech.com\/index.php\/wp-json\/wp\/v2\/categories?post=4756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/karmismusingstech.com\/index.php\/wp-json\/wp\/v2\/tags?post=4756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}