Site Logo

Base Foundry stack

Insert your Site Logo, from the RapidWeaver Site Setup area, into your page with ease. Drag and drop it anywhere you like.

  • Add a link to your site logo
  • Adjust responsive image sizing
  • Set logo alignment at each responsive breakpoint

Using Site Logo

General

Image Sizing v2
This feature allows you to choose how Foundry displays your image when it comes to responsive sizing. You can choose to have the image display normally, as-is and only scale downwards when the image would otherwise begin to overflow the bounds of its parent container or you can choose one of the following:

  • Normal: The image is left as-is and is not scaled up or set to a specific width. The image will be scaled down for smaller browsers and devices though if the image would exceed the parent stack or page width.
  • Upscale to 100%: Forces the image to scale itself past its original size, enlarging itself to fill out the entire width of its parent container.
  • Max-Width: Set a maximum width for your image. The image will never scale up beyond this value but will still responsively scale downwards to ensure it fits within the bound of its parent container.
  • Max-Width (3 breakpoints): Set a different maximum width for your image at each of the three breakpoints. The image will never scale up beyond these values but will still responsively scale downwards to ensure it fits within the bound of its parent container or page.
  • Percentage: Choose a percentage based width for your image at each of the three breakpoints. The percentage width of the image is based upon the image's parent stack's width or the width of the page itself (if the image is not inside of a parent stack).

Link
Allows you to add a link to your Site Logo. You can choose to use the Site URL that you configured in your project’s settings or a custom URL.

Style

Alignment
Allows you to set the justification of your Site Logo. You can set the alignment to Left, Center or Right.

You may also opt to set you alignment differently for at each of the three responsive breakpoints.

Insight
RapidWeaver Settings

Remember that you'll need to setup your logo in RapidWeaver's General settings. This can be found underneath your list of pages in the page list on the left-hand side of the RapidWeaver window.