1LD Tutorials & Blogs

Blog

A simple jQuery script can add any URL to your website’s logo, though you will need to identify what ID or Class has been assigned to your logo’s containing element first.

Step 1. Navigate using the very top menu located outside of the RapidWeaver Window in the very top left of your screen. Next to the apple icon navigate to RapidWeaver > Preferences… (or hit CMD + ,) > General > Enable Web Developer Tools. This box will be unselected by default – select it before continuing.

Alternatively, open the page in Google Chrome.

Step 2. When viewing your website in preview mode (or in Google Chrome) locate the logo, right click and select “Inspect Element.”

Hemera Logo Inspect Element

This example is using the Hemera theme. We can see the image file in the HTML file that begins with <img and then the container of the image, which I have highlighted in the screenshot.

If you do not have a logo inserted, navigate to Setup and drag and drop your image file in the Site Logo field.

The container has 3 listed classes: frameBlock, content-color, logo. I am going to choose logo, which in jQuery or CSS has a period (.) before it, so logo would be typed as .logo for this example. If you’re using Hemera go ahead and do the same, but if not write down the class or id you wish to target. If an id is used, then place a hashtag (#) infront of the text instead of the period.

Step 3. Open the page Inspector

inspector

Navigate to the Header Section

RapidWeaver 6 Inspector Header

Navigate to the JavaScript Section

RapidWeaver 6 JavaScript Section

Step 4. Enter the following code:

1
2
3
jQuery(document).ready(function() {
     jQuery('.logo img').wrap('<a href="https://onelittledesigner.com">');
});</a>

Alternatively, you can download this as a Snippet file here:

hemeralogourlwrap.rwsnippet

Step 5. Edit the code.

Notice on the 2nd line first the selector, which is .logo img – this is targeting the logo image or <img that is found inside the HTML with the class of logo. Likely the img won’t change, though the class or id of the containing element will (this is discussed previously).

Next edit the URL or the portion that starts with http:// and change it to whatever URL you wish.

you are finished!

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

Super Forms 2 – 1.2.0 Update

Through customer feedback, we were able to add some new features and fix a few bugs with our Super Forms 2 stack. Check out the list of changes below. This update is free for those who own the Super Forms 2 stack. 

Super Forms 2 (Version 1.2.0)

  • NEW: You can now customize each field’s Required/Invalid input message
  • NEW: Customize checkbox true and false values (“Yes” and “No”)
  • NEW: Customize file upload error messages
  • NEW: reCAPTCHA now has an option to support non SSL (http) websites
  • NEW: Support for v2 invisible reCAPTCHA
  • NEW: Support for v3 reCAPTCHA
  • NEW: Set a specific locale/language for reCAPTCHA
  • NEW: Allow the form to submit to Google Sheets and an email address at the same time
  • NEW: Optionally customize the name of each field for Google Spreadsheets and the titles as shown in the sent message
  • Improved: Prevents notices for empty form fields from displaying in PHP logs
  • Improved: Date timezone defaults to UTC in case the server does not have a default defined timezone
  • Fixed: Bug that could stop attachments from being sent properly
  • Fixed: File upload field was rejecting files if the extensions had capital letters
  • Fixed: Bug that could cause attachments to arrive with 0kb file sizes
  • Fixed: Multi select now properly concats selected options
  • Fixed: Checkbox display bug in iOS Safari
  • Other minor bug fixes 

Check it out!

Latest News

Newsletter

Join our newsletter to get notified of new releases, updates, and discounts.

Subscribe

Popular Links

Free Stacks & Themes
See Order History
Product Tutorials
FAQs

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

RapidWeaver is a trademark of Realmac Software