{"id":5894,"date":"2024-04-14T12:40:42","date_gmt":"2024-04-14T04:40:42","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5894"},"modified":"2024-04-14T12:40:42","modified_gmt":"2024-04-14T04:40:42","slug":"physical-entity","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/physical-entity\/","title":{"rendered":"Physical entity"},"content":{"rendered":"\n
\n

Upon commencing the creation of a website, you embark with a clean slate. The Physical entity<\/strong> embodies this blank canvas. Each time a new page is formed, a Physical entity<\/strong> is automatically ushered in, serving as the sanctuary for all subsequent elements and content. Every element integrated into your page is housed within the Physical entity<\/strong>. Regardless of the depth of nesting among elements, they all find their place nested and well-ordered within the Physical entity<\/strong><\/a>.<\/p>\n

\n
\"A<\/div>\n<\/figure>\n

Reaching the Physical entity<\/h2>\n

Access to the Physical entity<\/strong> can be accomplished via the Navigator<\/a> or the directional breadcrumb bar at the lower end of the Canvas<\/a>. Due to being the outermost shell on the page, the Physical entity<\/strong> stands invulnerable to deletion or relocation.<\/p>\n

\n
\"On<\/div>\n<\/figure>\n
\n
\"The<\/div>\n<\/figure>\n

Customizing the Physical entity<\/h2>\n

Similar to any other component, modifications to the Physical entity<\/strong> can be effected through the application of classes<\/a>, extending this styling consistency to other pages within your undertaking. However, certain stylistic attributes remain inaccessible for the Physical entity<\/strong>, such as positional characteristics and transparency.\u00a0<\/p>\n

Moreover, the definition of a distinct width for the Physical entity<\/strong> is not permitted. This constraint emerges from the automatic width management by the browser. Nevertheless, regulating the expanse of your content across the page is possible by integrating Sections<\/a>, Containers<\/a>, Quick Stacks, and Div blocks<\/a> within the Physical entity<\/strong> of your page.<\/p>\n

Any content transcending the viewport width will overflow from the Physical entity<\/strong>, causing horizontal scrolling, which is seldom sought after. A prudent approach to circumvent undesirable horizontal scrolling entails vigilance over element widths<\/a> and negative margins<\/a>. The option to conceal the overflow<\/a> on the Physical entity<\/strong> persists, although it remains discouraged.<\/p>\n

Customizing the physical tag<\/h3>\n

In the event of desiring uniform styling across all project pages \u2014 such as identical background coloration on each page \u2014 amendments can be implemented to the Physical (All pages) tag<\/strong>. Any styling assigned to this tag will be inherited by all Physical entity<\/strong> instances throughout your site. Any future pages constructed will equally adopt the same styling. Unearth more about customizing HTML tags.<\/a><\/p>\n

To modify the Physical (All pages) tag<\/strong>:<\/p>\n

    \n
  1. Navigate to the Style panel<\/strong> (tap \u201cS\u201d on your keyboard)<\/li>\n
  2. Click within the Selector field<\/strong><\/li>\n
  3. Select the Physical (All pages) tag<\/strong> from the HTML Tag<\/strong> menu<\/li>\n
  4. Proceed with styling<\/li>\n<\/ol>\n

    Observe:<\/strong> For quick access to the Selector field<\/strong>, designate any element on the Canvas<\/strong>, press Command + Return<\/strong> (Mac) or Control + Enter<\/strong> (Windows), type to initiate a new class or opt for an existing class using the up\/down arrows, then press Enter<\/strong>. Elevate your acumen regarding the Selector field<\/strong> shortcut.\u00a0<\/p><\/blockquote>\n

    \n
    \"In<\/div>\n<\/figure>\n

    Text style inheritance<\/h3>\n

    Upon configuring typography styles<\/a> on the Physical entity<\/strong>, these styles cascade down to all descendants of the Physical entity<\/strong>, impacting all textual elements on your page.<\/p>\n

    Observe:<\/strong> We advise executing typography style adjustments on the Physical (All pages) tag<\/strong> to guarantee consistent typography across all pages.\u00a0<\/p><\/blockquote>\n

    For instance, altering the font face on the Physical (All pages) tag<\/strong> will enforce that same font appearance across elements on every page. Nevertheless, altering the font type on an individual text component will overrule the inherited styles from the Physical (All pages) tag<\/strong>. Master more about text style inheritance<\/a>.<\/p>\n

    \n
    \"Under<\/div>\n<\/figure>\n
    Issue acknowledged: incapacity to view content at bottom on Designer<\/h5>\n

    Issue:<\/strong> A prevalent concern is the content truncation at the page footer \u2014 unattainable to access or scroll, even within the Designer. This occurrence is labeled as collapsing margins<\/a>, arising from the content spilling beyond the confines of the Physical entity<\/strong> at the base of the page, often arising when a Navbar<\/strong> is in absolute positioning.\u00a0<\/p>\n

    Resolution:<\/strong> To mitigate this predicament, refrain from adding top margin to the initial element of your page unless fixed positioning is in place. Instead, introduce top padding to the Physical entity<\/strong>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Use the Body element to manage all your site elements and content.","protected":false},"author":2,"featured_media":5236,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[290],"tags":[],"class_list":{"0":"post-5894","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-elements","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/5894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=5894"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/5894\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5324"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=5894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=5894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=5894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}