Tips & Tricks

Return to Support
  • How can I reduce the size of my images to help them load faster?

    There are many tool available that allow you to reduce the size of your JPEG and PNG images by compressing them. This allows your images to load faster, and in turn helps your pages to load faster. Our favorite tool for doing this is a free site call TinyPNG. It does a fantastic job of compressing your image files.

    One thing to keep in mind when preparing your images for the web is that your images should be 72 dpi and should be of a reasonable size when it comes to their dimensions. Try not to make your images larger than they need be.

    Dedicated link
  • Make your images grow to fill the space in the Orbit stack

    Since the Orbit stack is responsive you’ll likely want your images to not only scale down for when your visitors are viewing your site on mobile devices, but you’ll also want them to scale upwards to fill out the area on desktop browsers.

    This is done by selecting the “Unlimited” option in the Image Scaling setting in Orbit’s settings. This will cause the image to scale too fill the container it is located within in your layout. This could mean that it would scale up to the full content area’s available width, or just the width of the column you’ve put it inside of in a slide. It all depends on your layout.

    Dedicated link
  • Labeling your pages

    It is always a good idea to keep your page names short and succinct. Instead of labeling your Photo Album page “Photos of my trip to Venice” try something more to the point like “Venice” or just “Photos.”

    This not only looks much better, but will save you space and keep your site from looking cluttered and disorganized. It will also help you out if you’re using a theme that has a horizontal navigation bar. Horizontal navigations have a limited amount of space simply due to the fact that there’s only so much you can fit on one line. And if you’re using a responsive theme this can limit your space a little more, too since the navigation bar changes size as the browser’s width is reduced.

    Dedicated link
  • Plan ahead before you start building your site

    Like building any other site on the internet you should start with a clear vision of what you hope to accomplish and how you want your site structured. Thinking about your site’s design before jumping into actually build it will save you a lot of time down the road.

    You’ll want to think about the focus of your site, along with how you want to organize your pages. Writing out a list of pages you’re going to need to build, along with sketching out a general guideline for yourself of how you want your page(s) to be structured will give you a huge jumpstart as well as a clear vision of where you’re going with your site.

    Dedicated link
  • Copying and pasting text into RapidWeaver without the formatting

    If you’ve been using RapidWeaver for any amount of time you’ve likely wanted to copy text from one source, whether that be a document on your desktop, or another website, and paste it into your RapidWeaver project file for one of your pages.

    When you did this though you likely brought along all manner of extra formatting and such that you don’t really want, or to be honest need. How do we avoid this though? It’s pretty simple, you just need to know where to look.

    You likely simply pasted your content into your page using the standard Command-V or you went to the edit menu and selected Paste. Pasting your content into your page without all the formatting is just as easy, we just need to learn a new key stroke: Command-Option-V (or Command-Alt-V). You can also choose Paste as Plain Text from the Edit menu in RapidWeaver as well to achieve the same results. This tells RapidWeaver to strip out all of the formatting before it pastes your content into the page.

    Dedicated link
  • How do I use the Blog Entry Topper feature?

    The Blog Entry Topper is a feature that is unique to Elixir themes for RapidWeaver. This feature allows you to insert images above each of your blog posts, above the entry’s title. This is something that isn’t possible to do in RapidWeaver normally, and adds a good deal of customizability to your blog pages.

    Below you’ll find a walk-thru video showing you how to use this feature. The video below shows the Blog Entry Topper in use in our Abstract theme, but it is used the same in each Elixir theme that supports the Blog Entry Topper feature.

    Dedicated link
  • How can I create a sub-page in RapidWeaver?

    Sub-page creation in RapidWeaver

    Sub-pages, or child pages, are relatively easy to create in RapidWeaver. You’ll first need to have at least two different pages created in RapidWeaver to get started.

    To create the sub-page you’ll want to click on and drag the page you wish to make into a sub-page onto the page you wish to make it a child of.

    The number of sub-pages varies depending on the theme you’re using, as does the way in which the sub-pages are displayed in the navigation. Some themes will display sub-pages as a drop down navigation, others the sub-pages will be available to your visitors only on the parent pages where the sub-page(s) reside.

    Dedicated link
  • How do I add a logo to my site in RapidWeaver?

    Site Logo in RapidWeaver

    Adding a logo to your site in RapidWeaver is done through the app’s Site Setup panel. You can access the Site Setup panel via RapidWeaver’s menu. Go to the Site menu and choose Show Site Setup.

    In the General tab there is an area labeled Site Logo. The empty space below the Site Logo checkbox is called an image well. You can drag any image you like into this image well to assign it as your site’s logo.

    It is important to note that each individual theme may have different requirements for the dimensions you site logo needs to be, so remember to reference the theme’s product page to see if there are any specific dimensions required by the theme.

    Dedicated link
  • How do I enable the breadcrumb trail in RapidWeaver?

    Breadcrumb toggle in RapidWeaver

    The breadcrumb trail is a secondary form of navigation provided by RapidWeaver. It’s location within a theme can vary depending on the theme’s layout and design. The toggle for turning the breadcrumb on site-wide is located within RapidWeaver’s Site Setup however. The toggle is found under the Advanced tab in the Site Setup. Toggling it on tells RapidWeaver to allow the theme to use the breadcrumb in its layout.

    Note that some themes allow you to toggle the breadcrumb on and off on a per-page-basis. The breadcrumb will still need to be enabled in the Site Setup for this to work.

    Dedicated link