iThemes Builder Community Site

Twitter & RSS

How to scroll smoothly to the top upon clicking “Go to Top” link

05/9/12 Sridhar Katakam Tips 1 Comment

HTML named anchors can be used to jump to a specific part of the webpage (usually top) upon clicking on “Go to Top” kind of links on a long web page.

If you would like the jump to happen in a smoother way than sharply, do the following:

  1. Go to My Theme -> Settings -> List any JavaScript or other code to be manually inserted in the site’s footer just above the </body> tag in the input below.

    Paste the following:

    <script type="text/javascript">jQuery(document).ready(function() {
 jQuery('a.scrollToTop').click(function() {
 jQuery('html, body').animate({scrollTop:0}, 'slow');
 return false;
 });
 });
</script>
  2. Add HTML similar to the following wherever you want to place the “Go to Top” link: 
    <a href="#" class="scrollToTop">Go to Top</a>

That’s it!

Placing a shortcode in HTML module for custom header

05/9/12 Sridhar Katakam Tutorials 0 Comments

A user in the forum asked the following:

On one of my customer sites (a Builder site), we have many similar, but slightly different layouts. On all of them, we want the same custom header (in a Custom HTML module). I’d like to maintain the HTML for that custom header in one place so that I don’t have to copy and paste the header code into each layout each time I want to make a change.

One of the ways this can be done is by creating a shortcode having the HTML code needed to display the custom header image and place this shortcode in HTML module of all the layouts. The advantage of doing so is that should you decide later on to make any changes in the HTML, it has to be done only in one place.

Read More→

Builder Events Block

05/8/12 Justin Kopepasah Builder News 0 Comments

It saddens me to see that my last post was over a month ago. However, this is due to my hard work on or new Events Block! ← This makes me happy. Want more great news? If you currently own a subscription to Builder, you have access to this event management plugin! Still longing for more? This plugin is built to work with all child themes!

I won’t go into the various options this plugin offers Builder users, but suffice it to say that this plugin is all you will need to host an event. In addition, Events Block is built to support Gravity Forms for registration. These two plugins combined turn you into the Leslie Knope of event planning! We also added the ability to use Eventbrite widgets on your site, but we prefer Gravity Forms because you will never need to leave your WordPress dashboard!

Read More→

Using Font Stacks to Create Better Themes

04/6/12 Chris Jean Development Practices 4 Comments

One of the hardest battles in creating a theme is making the site look consistent on different browsers. Most people will think of image issues such as how older versions of Internet Explorer don’t handle transparent PNGs very well, how different browsers render some CSS rules properly while others ignore or mangle the results, or how mobile devices and tablets have added additional layers of complexity. However, there is another primary concern when crafting your designs: text.

Making text look identical on all browsers and on all operating systems (Windows, OS X, Linux, etc) is nearly impossible. Each browser has it’s own default font family, font size, etc that it uses. Each operating system comes with a different set of default system fonts. Users are free to add fonts to their system, further complicating the landscape of available fonts.

Read More→

Yukon: A Child Theme Designed with BuddyPress in Mind

03/16/12 Justin Kopepasah New Releases 0 Comments
Builder Child Yukon

Many of you who follow iThemes know that we released a new child theme on Wednesday (code name Yukon). This child theme was designed using one of our older inspirations (also code name Yukon). While it may look similar on the outside, with the power of Builder it had the ability to be layout you want! In addition, Yukon (new) boasts styling for BuddyPress, the popular plugin for WordPress that turns your site into a social network.

If you have yet to check out Yukon, visit the demo and tell us what you think in the comments below!

HOW TO: Easily Add Social Icons to any WordPress Navigation Menu

03/14/12 Nathan Ingram Tutorials Beginner 4 Comments

HOW TO: Easily Add Social Icons to any WordPress Navigation Menu

Social Media Icons are a must-have for any web site these days. But adding them attractively to a theme can be a challenge. Here’s a very simple way to add clickable Facebook, Twitter, Linked-In and other social icons to the WordPress navigation menu using just your images and CSS.

Read More→

Next Page »

Sign up for Email Updates

Enter your email address:

Getting started with Builder

Getting Started with Builder

Showcase Your Site

You need to login in to Submit a site. Not a user yet? Then sign up for free!

iThemes Builder Community Site
Copyright © 2012 All Rights Reserved
iThemes Builder by iThemes
Powered by WordPress