seyDesign

Some options are followed by "[EC n]", where n is a number value. These options affect the ExtraContent area of the same value.

For example, [EC 2] refers to ExtraContent area 2, [EC 3] refers to ExtraContent area 3, etc.

The location and display options for ExtraContent areas varies from theme to theme.

Adding ExtraContent is quite easy, and can be accomplished a number of different ways:

  1. By using the ExtraContent stack.
  2. By using an ExtraContent .rwsnippet file
  3. By manually adding <div id="myExtraContent1"> before the content you wish to move to an ExtraContent area, following that same content with </div>. To change which ExtraContent area this gets applied to, simply change the numeric value that follows the word, "myExtraContent" in <div id="myExtraContent1">.

There are, however, a great number of possibilities with ExtraContent, the ExtraContent snippets and the ExtraContent Stack add-on. To get an idea of what you can do with ExtraContent, please visit the the ExtraContent website and watch all of the tutorials.

Many themes will have the ability to change the gradient background of a particular area. This will not control the color, only the lighting effect over top of the background color.

7685

To change the gradient of an area in a theme, simply select the radio button in the expanded gradient option that corresponds to the desired effect.

Some themes may include a lighting effect to enhance the background appearance of a particular area. This will not control the color, only the lighting effect over top of the background color.

7688

To change the lighting in a theme, simply select the radio button in the expanded lighting option that corresponds to the desired lighting.

Some themes will have the ability to change the patterned background of a particular area. This will not control the color, only the pattern over top of the background color.

7686

To change the pattern in an area in a theme, simply select the radio button in the expanded pattern option that corresponds to the desired pattern.

Some themes will have the ability to change the textured background of a particular area. This will not control the color, only the texture over top of the background color.

7687

To change the texture in a theme, simply select the radio button in the expanded texture option that corresponds to the desired texture.

All of our themes are designed for use with RWmultitool Lite which is free from RWmultitool. Please refer to the Using RWmuititool section.

All themes include various color options for different areas of each layout. The area that a color option applies to will follow the name "Colors" in parenthesis "()". For example, "Colors (main content)" will affect the colors in the main content area.

7718

To change the colors in a given area, simply select the square color tab in the expanded color option that corresponds to the desired area. Using the color picker, select the desired color.

Some themes that have rounded corners have an option to turn them on or off or select a particular size or radius for those corners to be rendered.

7682

To change the corners in a theme, simply select the radio button in the expanded corners option that corresponds to the desired look.

Most, if not all themes come with interchangeable custom headers. This option allows users to select from anywhere between 5 to 30 possible headers, depending on the theme.

7697

To change the header in a theme, simply select the radio button in the expanded header option that corresponds to the desired header.

To swap existing header images with your own custom header images, use RWmultitool.

Some themes that have ExtraContent areas may also have the ability to apply custom backgrounds to those areas. Their use is much the same as any theme with customer header selections. The image they draw on may or may not be the same as those used for the custom headers.

7708

To change the backgrounds in other areas in a theme, simply select the radio button in the expanded background option that corresponds to the desired image.

Many themes have varying degrees of font family selection. Depending on the theme you are use, font family selections will be globally applied, or there may be multiple font options which apply to specific areas.

7715

To change the font family, simply select the radio button in the expanded font family option that corresponds to the desired font.

Many themes have the option to adjust font size. For the most part, font size will be globally applied.

7716

To change the font size, simply select the radio button in the expanded font size option that corresponds to the desired size.

Some themes can include an option to position the content within a header (usually ExtraContent). This option will likely be found in conjunction with Header content width.

7691

To change the header content position in a theme, simply select the radio button in the expanded header content position option that corresponds to the desired header content position.

Some themes can include an option to adjust the width of the content within a header (usually ExtraContent). This option will likely be found in conjunction with Header content position.

7692

To change the header content width in a theme, simply select the radio button in the expanded header content width option that corresponds to the desired header content width.

Many themes have the ability to adjust the height of the header/banner. This can include the option to hide the header or have the header adjust variably depending on the content it contains. The variable option found in some themes requires there to be text or elemental content placed in the header (usually ExtraContent).

7690

To change the header height in a theme, simply select the radio button in the expanded header height option that corresponds to the desired header height.

If a theme can show more then one image in the header area at any given time, this option allows users to select which images appear in which area. This option coincides with the Number of headers.

7696

To change the image that appears in a given header, where n is the corresponding header area number, simply select the radio button in the expanded option that corresponds to the desired header image.

Some themes can include the option to have the custom header image repeat across a background if not done so by default.

7693

To change the header repeat in a theme, simply select the radio button in the expanded header repeat option that corresponds to the desired header repeat.

Some themes include an option to have a transparent graphic overlay the custom header to provide a shiny or glossy effect.

7694

To change the header skin in a theme, simply select the radio button in the expanded header skin option that corresponds to the desired header skin.

Some themes have the option to adjust line height. For the most part, line height will be globally applied.

7717

To change the line height, simply select the radio button in the expanded line height option that corresponds to the desired size.

Some themes have the ability to activate the logo on a page by page basis. This option is not how the logo is actually added to your project. See the online manual from Realmac Software for how to add a logo in RapidWeaver®

7711

To turn your logo on or off, simply select the radio button in the expanded logo option that corresponds to the desired state.

Some themes include the ability to determine where a navigation positioned or what type of navigation is displayed. Position can be as simple as left/right/center or it can be more dramatic such as top/sidebar. The navigation type can include horizontal/vertical/split and/or dropdown/flyout.

7683

To change the navigation option in a theme, simply select the radio button in the expanded navigation option that corresponds to the desired navigation type or position.

Some themes can show more than one image in the header area at any given time. This option allows users to choose how many headers get shown. This options will likely coincide with the Header n image option.

7695

To change the number of headers that get shown in a theme, simply select the radio button in the expanded option that corresponds to the desired number of headers.

Some themes enabled with ExtraContent require the manual activation of those areas. They can be referred to as Pre-content / Post-content.

7710

To turn one of themes areas on or off, simply select the radio button in the expanded option that corresponds to the desired state.

sdSlideNum (slide numbers)

User Generated Sequencing

Basics

  • specify the header image numbers you wish to use, in the order you want the to appear.
  • numbers can range from 1 to 20

  • Paste this snippet into Page Inspector > Header > JavaScript

    sdSS.slideNum = [3,5,1,9,15];

  • See the sdSlideNum Snippet page for the .rwsnippet download and detailed installation and usage instructions.

sdSlideWH (slide warehousing)

User Generated Remote Image Sequencing

Basics

sdSlideLinks (slide links)

User Generated Banner Links

Basics

sdSlideBox (slide box snippet)

User Generated Content Slides

Basics

  • paste this into any content area in RapidWeaver

    <div class="sdSlideBoxSnippet" id="mySdSlideBox1"> This content will appear as slide 1.<br/> Some sample content. Add whatever you like here. </div>

    <div class="sdSlideBoxSnippet" id="mySdSlideBox2"> This content will appear as slide 2.<br/> Some sample content. Add whatever you like here. </div>

    <div class="sdSlideBoxSnippet" id="mySdSlideBox3"> This content will appear as slide 3.<br/> Some sample content. Add whatever you like here. </div>

  • if used in a styled text ares be sure to select the HTML code portions and ignore formatting.

  • as you add more slide containers, increase the trailing number found in "mySdSlideBox1" to 2, then 3, etc...

  • See the sdSlideBox Snippet page for the .rwsnippet download and detailed installation and usage instructions.

SeyDoggy SlideBox (slide box stack)

For details on how to use the SlideBox stack, visit the SlideBox Stack product page.

All themes include the ability to control the side that the sidebar appears on or to hide it completely. These options are usually right/left/hide.

7714

To change the adjust your sidebar position, simply select the radio button in the expanded sidebar position option that corresponds to the desired state.

Some themes include the option to adjust the width of the sidebar. These widths will vary from narrow to wide — wide usually being 50%.

7713

To change the width of the sidebar, simply select the radio button in the expanded sidebar width option that corresponds to the desired width.

Some themes have slide show options as an extension of their Custom header background option. These options allow the user to select a slide show in place of a single static custom header.

7698

To use the slide show in a theme, simply select the radio button in the expanded Custom header / slide show option that corresponds to the desired slide show.

To swap existing header images with your own custom header images for use in the slide show, use RWmultitool.

Themes that include a built-in slide show or SeydoggySlideshow 3 will also include the option to control the transition effect used for each slide transition.

7702

To change the transition effect in a slide show, simply select the radio button in the expanded slide show effect option that corresponds to the desired effect.

Themes that include a built-in slide show or SeydoggySlideshow 3 will also include the option to control the speed at which a slide transition will occur.

7703

To change the slide show speed in a slide show, simply select the radio button in the expanded slide show speed option that corresponds to the desired speed.

Themes that include a built-in slide show or SeydoggySlideshow 3 will also include the option to control the amount of time each slide will show for.

7701

To change the timeout duration in a slide show, simply select the radio button in the expanded slide show timeout option that corresponds to the desired duration.

Themes that are SeydoggySlideshow 3 (or SS3) enabled may have this option. This slide show option differs only slightly from it's predecessors, allowing the user to select various types or sequences of slide shows in place of a single static custom header.

7699

To use the slide show in a theme, simply select the radio button in the expanded Slide show type option that corresponds to the desired slide show.

  • Off / Manual (snippet) - this disables the slide show or allows the manual override to take effect. See the SeydoggySlideshow 3 User API for more on snippet usage.

  • Content (SlideBox stack/snippet) - select this setting to use content as slides instead of background images. Content can include text, images or just about anything you can think of. See the SlideBox stack page, the SlideBox snippet page or the SeydoggySlideshow 3 User API for more details on content slides

  • Slides 1 to 5 ~ Slides 1 to 20 - these options control the slide sequencing of built-in internal image slides.

To swap existing header images with your own custom header images for use in the slide show, use RWmultitool.

Note that some advanced features will override the selections made here. Examples of this are the use of custom slide sequencing and externally hosted images. For more on these advanced features, as well as banner linking and "Content (SlideBox stack/snippet)", see the SeydoggySlideshow 3 User API.

Some themes enabled with ExtraContent require the manual activation of those areas. They can be referred to as Subheader/Subcontent/Subfooter.

7709

To turn one of themes areas on or off, simply select the radio button in the expanded option that corresponds to the desired state.

Some themes might include the option to affect the text alignment. Such options can include justify/left/right/center alignments.

7707

To change the text alignment in a theme, simply select the radio button in the expanded text alignment option that corresponds to the desired alignment.

Some themes have an option to position the site title. The positioning is not a drastic change, often just a change in its alignment, left/right/center or hidden.

7704

To change the title position in a theme, simply select the radio button in the expanded title position option that corresponds to the desired alignment.

A few themes have an option to adjust the title size. The options may include large/medium/small.

7705

To change the title size in a theme, simply select the radio button in the expanded title size option that corresponds to the desired size.

Some themes may include variations for the way title text is displayed. This may include upper/lower case, small caps, or other similar text transformations.

7706

To change the title text in a theme, simply select the radio button in the expanded title text option that corresponds to the desired format.

Some themes have the ability to activate and position the logo on a page by page basis. This option is not how the logo is actually added. See the online manual from Realmac Software for how to add a logo in RapidWeaver®

7712

To turn your logo on or off or position it accordingly, simply select the radio button in the expanded logo option that corresponds to the desired state.

Some themes can include the option to adjust the transparency of a particular part of the layout.

7684

To change the transparency in a theme, simply select the radio button in the expanded transparency option that corresponds to the desired transparency.

All of our themes are designed for use with RWmultitool Lite which is free from RWmultitool. Changing the headers/banners in our themes is a simple drag and drop process with the help of RWmultitool Lite.

  • Open RWmultitool Lite

  • Choose a theme from the Theme menu

  • Choose the image you wish to change from the Image menu

  • Drag and drop any image from your computer onto the image panel

  • Move, scale or rotate them as needed

  • Once ready, click the Save in Theme button

For more on how to use RWmultitool, visit their website.

The Basics

Using the basic features of SeydoggySlideshow 3 (or SS3) in any SS3 enabled theme is the same as it's been in previous themes with earlier versions of built-in slide shows. There is only the odd exception:

Advanced Usage

For the advanced users there are lots of other tricks that SS3 themes can do, such as:

  • User Generated Sequencing - choose which slides to show and how many

  • User Generated Remote Image Sequencing - choose images from remote, externally hosted locations

  • User Generated Banner Links - create a unique link to another web page for each individual slide

  • User Generated Content Slides - use stacks or snippets to rotate through rich content instead of just images

For more on these advanced features, see the SeydoggySlideshow 3 User API

Some themes have slide shows built-in*. The settings for the built-in slide shows are as follows:

*For themes equipped with "SeydoggySlideshow 3" please refer to "Using SeydoggySlideshow 3" in the manual.

The width option allows you to change the width of the overall layout. Available width will vary from theme to theme but they can range from as little as 500px to over 1000px, or even a variable width that will occupy all of the available browser window.

7689

To change the width in a theme, simply select the radio button in the expanded width option that corresponds to the desired width.

First, if you purchased a seyDesign theme in 2014, and have published a site with that theme, then such sites will not be affected by the CDN shutdown. If this is you, feel free to celebrate, as there's nothing you need to do.

If you purchased a seyDesign theme in 2012-2013, read the following to learn what you need to do:

  • Did you update your theme to a version which was released in 2014? If so, and you have republished any sites using that theme, then there's nothing else you need to do.

  • If you have not updated themes you purchased in 2012-2013, and still have sites using those themes, you need to do the following:

    1. Update your themes to the latest version.
    2. Re-publish all sites using those themes.

If you purchased a seyDesign theme in 2011 or earlier, then such themes are most likely not using CDN files.

Please contact us with any questions, and include the URLs for your relevant websites so that we can assist you.

Your original download link can be used at any time to download the latest version of your theme.

If you cannot locate your original download links, use the seyDesign Order Lookup page to retrieve your order history. Please note that you do not need the invoice number to retrieve your order history. Simply select the "retrieve order history" tab, and enter the email you used when purchasing.

seydoggy Download Links

Up until 2014 download links used the following format:

seydoggy.cartloom.com

This has been changed to the following:

seydesign.cartloom.com

If you have any old "seydoggy" download links, simply replace the "seydoggy" portion with "seydesign", and your links should continue to work.

The easiest way to do this is simply view the website in a web browser, and open the Web Inspector panel, then search the underlying code for this:

d2c8zg9eqwmdau.cloudfront.net

Or this:

seydoggy.github.com

If the search comes up empty, then no changes are needed. Otherwise the site is referencing files on the CDN and needs to be updated.

NOTE: The Responsive snippet has been updated as of 12.08.2014. Please visit seydesign.com/Responsive for updated directions and the necessary download.

The responsive theme snippet is just two lines of code, one of which references a stylesheet on the seyDesign CDN.

In order to "remove" the CDN file, you must first download that stylesheet, add it to your RapidWeaver project in the Resources section, and alter that line of code in the snippet. Here's how to do so:

  1. Download the m.common.css.zip file included with this article.
  2. Double-click the zip file after it has been downloaded to your computer. This will decompress the file and reveal a file called m.common.css.
  3. Drag and drop the m.common.css file into your RapidWeaver project, into the Resources section.
  4. In the responsive snippet you'll see this line of code:
<link rel="stylesheet" type="text/css" media="screen" href="https://d2c8zg9eqwmdau.cloudfront.net/rw/m.common.css" />

Edit the href portion so it looks like this:

<link rel="stylesheet" type="text/css" media="screen" href="%resource(m.common.css)%" />
  1. Repeat Step 4 for each page where you have added the responsive snippet.
  2. Save your project file and re-publish your website.

You have now successfully update your site so it no longer depends on the CDN version of the responsive stylesheet.

First of all, your websites will continue to work fine. We are not going to suddenly pull the plug and leave anyone in the lurch.

How Things Work Now

Most seyDesign themes as of December 2013 keep the core javascript files and stylesheets on a content delivery network (CDN). This is very similar to regular web hosting in concept, except that the files are stored in different places all over the world, rather than in just one place.

* Regular web hosting = stored in one place
* CDN = stored in different places all over the globe

The Good, and The Bad

CDNs have some great benefits. They can speed up how quickly your website loads, since the files for your site are in a location closer to the actual person who is viewing your website. Adam (the original founder of seyDesign) was also using this to great effect to make certain theme updates easier, because changes could be made directly to the files on the CDN without you needing to install a new version of the theme itself.

To clarify: none of your content is or was stored on the CDN. Only supporting theme files, i.e. javascript files and stylesheets, are stored on the CDN.

The drawback to this approach is that when the CDN goes down (like it did earlier in 2013) your websites can stop working. Even though your regular hosting account may be working fine, some of the theme files won't be accessible from the CDN. This doesn't happen often, but is a huge hassle for everyone involved. There's nothing we can do to fix the CDN, nor can your regular web hosting company do anything to fix the CDN - we all just have to wait for it to get fixed.

Obviously, this is less than ideal.

How Things Will Work Afterwards

Rather than having some theme files on the CDN, and the remaining files for your site on your hosting account, now all your site files (including all theme files) will be on your hosting account. No more CDN.

In order to achieve this, we will be releasing updates to all seyDesign themes. You will need to install these updates, restart RapidWeaver, and re-publish your website for the changes to take effect.

Before installing theme updates, be sure to read our Theme Update Guide first.

When This Will Happen

I will be releasing theme updates throughout the coming weeks and months. After an update is released I will post a notice in the seyDesign group, and also send out an email to all theme owners. I will also maintain a list noting which themes have been updated, and which are still in progress.

After all themes have been updated, I will post a date when the CDN will stop working. That date is still undecided, and the CDN will continue to work up until that date.

If you have any questions or concerns, please get in touch.

CDN stands for Content Delivery Network, and is similar to "regular" web hosting, except your files are stored in different locations all over the globe, instead of a single web server with your hosting company.

Completed Theme Updates (removal of CDN files)

  • Tre3rty 2 (paid upgrade for Tre3rty 1 users)
  • Sytten 2 (paid upgrade for Sytten 1 users)
  • SAUB3R1 v1.1.0 (free update)
  • SNo3 v7 (free update)
  • Nuvem v1.1.0 (free update)
  • Kleer v1.8.0 (free update)
  • Havnit v11 (free update)
  • Flavorite v12 (free update)
  • EHVolver v7 (free update)
  • CRE4MY v4.9.0 (free update)
  • Copper v1.1.0 (free update)
  • av8or v1.1.0 (free update)
  • Aptenon - no update required, already CDN free
  • alltr v1.4.0 (free update)

In Progress

NONE - All themes have been updated and no longer reference CDN files.