{"id":4323,"date":"2020-12-25T08:13:07","date_gmt":"2020-12-25T08:13:07","guid":{"rendered":"https:\/\/tagembed.com\/support\/?p=4323"},"modified":"2021-10-27T08:52:48","modified_gmt":"2021-10-27T08:52:48","slug":"add-custom-css-in-embedded-social-feeds","status":"publish","type":"post","link":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/","title":{"rendered":"How to add custom css in embedded  feeds?"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p><a href=\"https:\/\/tagembed.com\/\">Tagembed<\/a> has its own \u201cN\u201d number of themes and layouts that you can use as pre-build designs to embed feeds into a widget.<\/p>\n\n\n\n<p>But if in case, you want to create your own custom css or you have any new design that you want to showcase on your website with embedded feeds than you can do with our custom css feature.<\/p>\n\n\n\n<p>Follow these steps to create a custom css<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>#1<\/strong> <a href=\"https:\/\/app.tagembed.com\/\">Login into your Tagembed account<\/a> &amp; select the feeds in which you want to create custom css<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login-1024x479.png\" alt=\"Login at tagembed\" class=\"wp-image-4329\" srcset=\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login-1024x479.png 1024w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login-300x140.png 300w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login-768x360.png 768w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login-1536x719.png 1536w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>#2<\/strong> Here you will see your widgets that you have created. Now click on the <strong><em>edit button<\/em><\/strong> of widget<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/Widget-wall-3-1024x483.png\" alt=\"how to add custom css in social media aggregator\" class=\"wp-image-4325\" srcset=\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/Widget-wall-3-1024x483.png 1024w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/Widget-wall-3-300x142.png 300w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/Widget-wall-3-768x362.png 768w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/Widget-wall-3-1536x725.png 1536w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/Widget-wall-3.png 1590w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>#3<\/strong> Go to left side of the dashboard and click on <strong><em>More<\/em><\/strong>&nbsp;<\/li><li><strong>#4<\/strong> Scroll down the page and click on <strong><em>Custom C<\/em><\/strong><em><strong>SS<\/strong><\/em><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"444\" src=\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/custome-css-1024x444.png\" alt=\"add custom css in social feed\" class=\"wp-image-4324\" srcset=\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/custome-css-1024x444.png 1024w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/custome-css-300x130.png 300w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/custome-css-768x333.png 768w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/custome-css-1536x666.png 1536w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/custome-css.png 1593w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>#5<\/strong> Here you will see a dialogue box where you can add your own custom css and click on Apply.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"900\" height=\"603\" src=\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/custom-css-1.png\" alt=\"add custom css in social feeds\" class=\"wp-image-4332\" srcset=\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/custom-css-1.png 900w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/custom-css-1-300x201.png 300w, https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/custom-css-1-768x515.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Now your new css will apply to the widget and you will enjoy your new design.<\/p>\n\n\n\n<p>Feel free to <strong><a href=\"https:\/\/tagembed.com\/contact-us\/\">contact us<\/a><\/strong> or write us at &nbsp;<a href=\"mailto:support@tagembed.com\">support@tagembed.com<\/a> for any queries. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tagembed has its own \u201cN\u201d number of themes and layouts that you can use as pre-build designs to embed feeds into a widget. But if in case, you want to create your own custom css or you have any new design that you want to showcase on your website with embedded feeds than you can&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[224],"tags":[],"class_list":["post-4323","post","type-post","status-publish","format-standard","hentry","category-customization"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to add custom css in embedded feeds? Tagembed<\/title>\n<meta name=\"description\" content=\"Step-by-step guide to change pre-build CSS in social widget to get a desired theme, style, color, layout, fonts, etc. Explore now.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add custom css in embedded feeds? Tagembed\" \/>\n<meta property=\"og:description\" content=\"Step-by-step guide to change pre-build CSS in social widget to get a desired theme, style, color, layout, fonts, etc. Explore now.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/\" \/>\n<meta property=\"og:site_name\" content=\"Tagembed Support\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-25T08:13:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-27T08:52:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login-1024x479.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/tagembed.com\/support\/#\/schema\/person\/7fd3ceea42759379928dd2c9422ca0aa\"},\"headline\":\"How to add custom css in embedded feeds?\",\"datePublished\":\"2020-12-25T08:13:07+00:00\",\"dateModified\":\"2021-10-27T08:52:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/\"},\"wordCount\":185,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login-1024x479.png\",\"articleSection\":[\"Customization\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/\",\"url\":\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/\",\"name\":\"How to add custom css in embedded feeds? Tagembed\",\"isPartOf\":{\"@id\":\"https:\/\/tagembed.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login-1024x479.png\",\"datePublished\":\"2020-12-25T08:13:07+00:00\",\"dateModified\":\"2021-10-27T08:52:48+00:00\",\"author\":{\"@id\":\"https:\/\/tagembed.com\/support\/#\/schema\/person\/7fd3ceea42759379928dd2c9422ca0aa\"},\"description\":\"Step-by-step guide to change pre-build CSS in social widget to get a desired theme, style, color, layout, fonts, etc. Explore now.\",\"breadcrumb\":{\"@id\":\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#primaryimage\",\"url\":\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login.png\",\"contentUrl\":\"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login.png\",\"width\":1600,\"height\":749},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tagembed.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add custom css in embedded feeds?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tagembed.com\/support\/#website\",\"url\":\"https:\/\/tagembed.com\/support\/\",\"name\":\"Tagembed Support\",\"description\":\"Tagembed Support\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tagembed.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tagembed.com\/support\/#\/schema\/person\/7fd3ceea42759379928dd2c9422ca0aa\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/35a18cff184c02990984437f4ea164560e2d131e85530e7f3b94634727142565?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/35a18cff184c02990984437f4ea164560e2d131e85530e7f3b94634727142565?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/35a18cff184c02990984437f4ea164560e2d131e85530e7f3b94634727142565?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/tagembed.com\/support\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add custom css in embedded feeds? Tagembed","description":"Step-by-step guide to change pre-build CSS in social widget to get a desired theme, style, color, layout, fonts, etc. Explore now.","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:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/","og_locale":"en_US","og_type":"article","og_title":"How to add custom css in embedded feeds? Tagembed","og_description":"Step-by-step guide to change pre-build CSS in social widget to get a desired theme, style, color, layout, fonts, etc. Explore now.","og_url":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/","og_site_name":"Tagembed Support","article_published_time":"2020-12-25T08:13:07+00:00","article_modified_time":"2021-10-27T08:52:48+00:00","og_image":[{"url":"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login-1024x479.png","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#article","isPartOf":{"@id":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/"},"author":{"name":"admin","@id":"https:\/\/tagembed.com\/support\/#\/schema\/person\/7fd3ceea42759379928dd2c9422ca0aa"},"headline":"How to add custom css in embedded feeds?","datePublished":"2020-12-25T08:13:07+00:00","dateModified":"2021-10-27T08:52:48+00:00","mainEntityOfPage":{"@id":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/"},"wordCount":185,"commentCount":0,"image":{"@id":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#primaryimage"},"thumbnailUrl":"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login-1024x479.png","articleSection":["Customization"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/","url":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/","name":"How to add custom css in embedded feeds? Tagembed","isPartOf":{"@id":"https:\/\/tagembed.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#primaryimage"},"image":{"@id":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#primaryimage"},"thumbnailUrl":"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login-1024x479.png","datePublished":"2020-12-25T08:13:07+00:00","dateModified":"2021-10-27T08:52:48+00:00","author":{"@id":"https:\/\/tagembed.com\/support\/#\/schema\/person\/7fd3ceea42759379928dd2c9422ca0aa"},"description":"Step-by-step guide to change pre-build CSS in social widget to get a desired theme, style, color, layout, fonts, etc. Explore now.","breadcrumb":{"@id":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#primaryimage","url":"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login.png","contentUrl":"https:\/\/tagembed.com\/support\/wp-content\/uploads\/2020\/12\/New-tagembed-login.png","width":1600,"height":749},{"@type":"BreadcrumbList","@id":"https:\/\/tagembed.com\/support\/add-custom-css-in-embedded-social-feeds\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tagembed.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to add custom css in embedded feeds?"}]},{"@type":"WebSite","@id":"https:\/\/tagembed.com\/support\/#website","url":"https:\/\/tagembed.com\/support\/","name":"Tagembed Support","description":"Tagembed Support","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tagembed.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tagembed.com\/support\/#\/schema\/person\/7fd3ceea42759379928dd2c9422ca0aa","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/35a18cff184c02990984437f4ea164560e2d131e85530e7f3b94634727142565?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/35a18cff184c02990984437f4ea164560e2d131e85530e7f3b94634727142565?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35a18cff184c02990984437f4ea164560e2d131e85530e7f3b94634727142565?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/tagembed.com\/support\/"]}]}},"_links":{"self":[{"href":"https:\/\/tagembed.com\/support\/wp-json\/wp\/v2\/posts\/4323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tagembed.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tagembed.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tagembed.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tagembed.com\/support\/wp-json\/wp\/v2\/comments?post=4323"}],"version-history":[{"count":5,"href":"https:\/\/tagembed.com\/support\/wp-json\/wp\/v2\/posts\/4323\/revisions"}],"predecessor-version":[{"id":4334,"href":"https:\/\/tagembed.com\/support\/wp-json\/wp\/v2\/posts\/4323\/revisions\/4334"}],"wp:attachment":[{"href":"https:\/\/tagembed.com\/support\/wp-json\/wp\/v2\/media?parent=4323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tagembed.com\/support\/wp-json\/wp\/v2\/categories?post=4323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tagembed.com\/support\/wp-json\/wp\/v2\/tags?post=4323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}