{"id":15824,"date":"2018-09-20T12:12:35","date_gmt":"2018-09-20T16:12:35","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=15824"},"modified":"2023-12-13T13:49:40","modified_gmt":"2023-12-13T18:49:40","slug":"custom-classes-ids","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/page-builder\/custom-classes-ids\/","title":{"rendered":"Using Custom Classes and ID\u2019s in the Post and Page Builder"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15515\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image.png\" alt=\"\" width=\"800\" height=\"72\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image-300x27.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image-768x69.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image-250x23.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image-550x50.png 550w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<div class=\"video-responsive\">\n<p><iframe loading=\"lazy\" title=\"Post and Page Builder - Using Custom CSS Classes and ID's\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/qt8kgHL2NCs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<\/div>\n<p>The BoldGrid <a href=\"https:\/\/www.boldgrid.com\/wordpress-page-builder-by-boldgrid\/\">WordPress Page Builder<\/a> offers you tons of customization options for all elements within your website. In some cases, you may want more granular controls of the elements. To solve these issues, you have the option of inserting custom CSS Classes and ID&rsquo;s using the tools offered. The following guide will walk you through setting custom CSS Classes or ID&rsquo;s for your elements.<\/p>\n<ul>\n<li>In the Dashboard, navigate to <b>Pages or Posts <\/b>&rarr; <b>View All<\/b><\/li>\n<li>Edit the <b>Page <\/b>or <b>Post <\/b>you wish to add the <b>Custom CSS Class<\/b> or <b>ID <\/b>to<\/li>\n<li>Select the Element on page to be customized<\/li>\n<li>Click <b>Advanced Control<\/b><\/li>\n<li>On the left hand menu in the popover, Click the <b>Custom CSS Classes<\/b> option located at the bottom<\/li>\n<li>List multiple CSS classes separated by spaces or an ID for the element you wish to customize with CSS<\/li>\n<li>Exit the popover by clicking the X in the top right<\/li>\n<li>Click <b>Publish <\/b>or Update to save your changes<\/li>\n<\/ul>\n<p>Congratulations! You now know how to add Custom CSS Classes or an ID to your elements in the Post and Page Builder.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>The BoldGrid WordPress Page Builder offers you tons of customization options for all elements within your website. In some cases, you may want more granular controls of the elements. To solve these issues, you have the option of inserting custom CSS Classes and ID&rsquo;s using the tools offered. The following guide will walk you through [&hellip;]<\/p>\n","protected":false},"author":529,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[148],"tags":[247,679],"class_list":["post-15824","post","type-post","status-publish","format-standard","hentry","category-page-builder","tag-css","tag-page-builder","feature-type-free","experience-level-advanced"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/529"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=15824"}],"version-history":[{"count":5,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15824\/revisions"}],"predecessor-version":[{"id":121256,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15824\/revisions\/121256"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=15824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=15824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=15824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}