blog-tutorial-post-template

Tutorials

Important: Turn off Consolidate CSS

This theme is not compatible with the “Consolidate CSS” feature. You must disable for the theme to display correctly.

To do so in RapidWeaver 6, open your Configure menu and under the “Advanced Tab” uncheck the checkbox titled “Consolidate CSS files”.

Consolidate CSS Off

To do so in RapidWeaver 5, open your Preferences menu and under the “Publishing Tab” uncheck the checkbox titled “Consolidate CSS files”.

Consolidate CSS

Change the Font Size of Site Description or Navigation Menu

Step 1: Navigate to your Page Inspector > HTML tab > CSS tab.

Page Inspector - HTML - CSS

Step 2: Enter the following:

1
2
3
4
5
6
#menu li a {
     font-size: 18px;
}
.ltswrap h2 {
     font-size: 18px !important;
}

Step 3: #menu li a will change the font size of your navigation menu links. The other will change the font size of your Site description. You can replace 18px to meet any size of your choosing.

Static Background Image

Step 1: Add the image you wish to use to the “Resources” section.

Adding an image to your resources

Step 2: Navigate to your Page Inspector > HTML tab > Header Tab.

Page Inspector - HTML - Header

Step 3: Add the following text to the Header Section:

1
{image : '%resource(paisley.png)%'}

*Make sure the resource name matches the name in your resources section, pay special attention to the the extension (.jpg, .jpeg, .png, .gif)  if it does not match as well the page will not load

Preview and you are done!

Background Image Slideshow

Step 1:  Add the images you wish to use to the “Resources” section.

Adding an image to your resources

Step 2: Navigate to your Page Inspector > HTML tab > Header Tab.

Page Inspector - HTML - Header

Step 3: Add the following text to the Header Section:

1
2
3
{image : '%resource(slider1.jpg)%'},
{image : '%resource(slider2.jpg)%'},
{image : '%resource(slider3.jpg)%'}

*Be sure to separate each image with a comma while leaving the last image with no comma after it & make sure the resource names match the names in your resources section, pay special attention to the the extension (.jpg, .jpeg, .png, .gif) if it does not match as well the page will not load

You may add as many photos as you wish to the slide show. Preview and you are done!

Scrollable Background Image

Step 1: Add the image you wish to use to the “Resources” section.

Adding an image to your resources

Step 2: Navigate to your Page Inspector > HTML tab > CSS tab.

Page Inspector - HTML - CSS

Step 4: Add the following text to the CSS Section:

1
2
3
html {
     background-image: url(%resource(background.jpg)%);
}

*Make sure the resource name matches the name in your resources section, pay special attention to the the extension (.jpg, .jpeg, .png, .gif) if it does not match as well the page will not load

Preview and you are done!

Social Media Icons

Step 1: Find the Social Media Icon you want you use from the Glyph Chart below:

Just Vector Glyph Chart

Step 2: Type the corresponding letter or number into your desired location.

Step 3: Highlight your letter or number and select the Add Link button.

Add Link Button or Stacks add link

Step 4: Type in the URL to your social media page & add a new Custom Attribute Named: class with the Value: social

social media link

*check the Open in New Window Box if you do not want visitors to leave your page when clicking on the link

Click Set Link and you are done!

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

Live Search 2

Live Search 2 has been updated with new features, improvements, and important bug fixes – all designed to make your site’s search experience even faster and more precise.

This update is free and automatic for all existing customers.

Don’t own it yet? Now’s the perfect time to jump in — Live Search 2 is 30% off for a limited time! No code needed — your discount is automatically applied at checkout.

New Features:

  • Added support for exact match searches using quotation marks around parts of a search phrase.
  • New option to show a “Clear Input” button.
  • Added Replace Character feature.
  • Now supports two separately defined search bars on the same page.
  • New option to adjust z-index.

Improvements:

  • Index file generation now detects and ignores duplicate content, such as text found in every page header and footer.
  • If any pages are missing from the index file, they will now still be searched dynamically.
  • Index file data is now compressed to reduce file size.
  • Pages at https://website/folder/index.(php|html) and https://website/folder/ are now treated as duplicates and will not be indexed separately.
  • Search results container height now only stays fixed during pagination — it will shrink dynamically for new searches.
  • When searching custom sitemaps, the default sitemap will now be ignored.
  • The popout search results container will now automatically hide when the search input is empty.

Bug Fixes:

  • Fixed an issue that prevented custom text/language settings from applying correctly.
  • Fixed a bug where result descriptions could fail to display a local section title.
  • Fixed a bug that could trigger an error if suggestions were enabled but the stack was not published to the page.
  • Prevents form submission before the page is fully loaded, avoiding unwanted page refreshes on slow-loading pages. A loading indicator is shown until the page is ready.

Check it out in action!

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software