KBase Documentation
Search…
KBase Documentation
KBase Terms & Conditions
Getting Started
Working with Data
Using Apps
Running Common Workflows
Troubleshooting
Developing Apps
External Links
KBase Narrative Interface
KBase web site
KBase App Catalog
kbase.us
Powered By GitBook
kbase.us
Specific how to edit and use constraints in WordPress.

Responsive Image Sizing

For webpages viewed on a larger screen i.e., computer, the maximum width is 800px.
If image width is greater than 800px
width="100%” height="auto”
If width is less than 800px
max-width="100%” height="auto”
If width is not 800px or greater, but you want to set a specific maximum size.
width="100%” max-width=”nnnpx” height="auto”

Creating boxes around text

<p style="border: Npx; border-style:solid; border-color: #HTMLtag; padding: 1em;"> text here </p>
Teal boxes for developer highlights are 5px and #009688.

Anchors

Stop text from wrapping around an align left image

<a id="anchor"></a>
<br clear="left">
Add anchor to end of slug for web address
https://siteaddress/slug/#anchor

Embedding and Linking from Drive

  1. 1.
    Open the PDF or image file in a new preview window
  2. 2.
    Open the expanded menu and click on "Embed item..."
    1. 1.
      To embed an image, select the link or frame.
    2. 2.
      To link a PDF, copy the Drive link.
  3. 3.
    Insert the link in desired location.

Pop up messages

Best practices for using Hustle for messaging on kbase.us
  1. 1.
    Add or edit descriptive Title including dates.
  2. 2.
    Include informative Main Content.
  3. 3.
    Add enable the "Never see this message again" link
  4. 4.
    Optional, schedule specific dates, but revert to "Draft" after maintenance period.
  5. 5.
    Publish!
Previous
KBase GitHub Repository
Last modified 9mo ago
Copy link
Outline
Responsive Image Sizing
Creating boxes around text
Anchors
Stop text from wrapping around an align left image
Embedding and Linking from Drive
Pop up messages