Blog Archives

Consolidate CSS

What is it?

The Consolidate CSS option can be found in the RapidWeaver > Preferences section as a Publishing > Advanced option.

Consolidate CSS

By default RapidWeaver will not consolidate your CSS files.

If selected, all your CSS files will be combined into one CSS file. This works well with RapidWeaver’s built-in themes, but can cause major conflicts with 3rd party developers’ themes and more specifically with those that have a high amount of customization options.

What Use It?

The only reason, that I’m aware of, why anyone would like to use this option is entirely due to Internet Explorer’s (IE) nonsensical structure. IE is the only mainstream browser on the market that limits the amount of stylesheets that can be called within a single webpage. If you go over that limit, 31 stylesheets, all additional stylesheets (32 and up) will be completely ignored.

Well of course Microsoft has realized this problem and made sure to stop such nonsense in the latest versions of IE (8, 9, 10) right? NOPE! They haven’t – nothing has changed in this area. If you’re running IE6 or IE10 you are still limited to this archaic rule. Will they ever fix this? My guess is no, because they don’t care at all about their customers or developers as you might have noticed, whether you follow any of their products (i.e. Windows, Office, XBox, etc).

My Recommendation

If you’re using a browsers with built-in code inspecting tools, my favorite being Chrome, you can right click and select “Inspect Element,” which will bring up a section in your browser where you can view the code. If you go to “Resources” you can see all the stylesheets that are being called in.

I recommend that if this amount is not over 31 then you really have no reason to consolidate CSS.

A majority of our themes often contain a stylesheet count somewhere in the lower 20’s. Why so many? RapidWeaver structure requires theme style options to work largely by alternating between different stylesheets – in other words, it’s just the way RapidWeaver is built.

What if I have a ton of Stacks on a page? No worries there – Stacks already consolidates the CSS, so if you have one stack or several there is still only a single stylesheet being called in.

RapidWeaver Snippets Button

Deactivate Parent Menu Anchor Link

If you would like to deactivate the parent menu in your RapidWeaver theme and only leave the child menu items available for anchor tags you can easily achieve this with jQuery. The following code will also leave the anchor in place so that the CSS is not lost.

Place the code into the following section: Page Info » Header » JavaScript

1
2
3

$(window).load( function() {
     $('#nav > ul:first-child > li > a').removeAttr('href');
});

All this is saying is to remove the href attribute from you anchor tags, so you’ll keep the CSS attached to the tags for styling, but it remove the link out.

If you would still like users to see a hand when they cover over this link then you will need to add the styling into the section: Page Info » Header » CSS

1

#nav li {cursor:pointer}

Note that if you are using another theme you will need to rename #nav to whatever element wraps around your menu.

new canari screenshot

Canari Made Responsive

Our RapidWeaver theme “Canari” just underwent a huge update! So if you’re an existing customer please make sure to download. For new customers, there is no increase on the price, the responsive features are added completely FREE of charge.

Biggest news regarding the update is that the theme is made completely responsive. The preview site should be updated shortly, though it doesn’t currently display the new responsive features.

All the look, theme settings, etc. is all the same, so don’t fear any design changes or aesthetic switches (that was not tampered with).

The other major change is that the slider can now support tons of slider images or none – easily add as few or as many of slider pics as you’d like and alternate which ones run for every individual page.

Thanks everyone for your feedback and requests – it was all very valuable and the key reason for this update.

(There were also a hand full of small fixes and a refined consolidate css fix).

Conversa RapidWeaver Theme Screenshot

Conversa Theme Update V1.5.0

conversa screen shot

New Features:

  • 8 New Textures
  • New Colour Options
  • New Option to change the Height of the Banner (100px-650px)
  • New Option to add texture to the Main Content
  • New layout Options for the Banner & Main Content Areas
  • New design & layout for mobile devices
  • New Option for the Slider captions to change from a solid color to transparent white or black

Bug Fixes:

  • Now compatible with the “Consolidate CSS” option in the preferences menu
  • IE8 and earlier compatibility enhancements
  • Shadows & Coloring fixes
  • Other minor bug fixes

Check it out

new canari screenshot

Canari Theme Update V1.0.4

New Features:

  • New style option to change the color of the body
  • New style option to turn the Mobile version of the site off and on
  • New style option to turn Masonry Gallery off and on
  • New style option to change the lines from black to white for darker themed sites
  • New style option to change the caption background color to black

Bug Fixes:

  • Now compatible with the “Consolidate CSS” option in the preferences menu
  • Fixed the link hover effects in the blog page
  • Other minor bug fixes

Latest News

One Little Designer

Popular Links