Need a La Crosse Website Designer? Call 608.790.4000 scott@bernadot.com
Divi Theme: How to open Toggle with a link

Divi Theme: How to open Toggle with a link

The Setup I created an FAQ (frequently asked questions) page for a client’s website recently using the Divi theme, and I was wanting to make the interaction with the FAQ’s toggled elements more user friendly. I had set all toggled modules to be closed at loading to minimize scrolling and make searching for questions easier for users. The Problem By default, when I created a link from a specific keyword/phrase to the FAQ page, the user could be easily confused and wonder why they were taken to a page full of toggled questions. This is not good, as they would have to manually browse the various questions (toggled modules) to find the one respective to the link they clicked on. There had to be a better way. Desired Solution Be able to automatically open a single FAQ (toggled module) from a link using a hashtag For example, if I clicked upon a link with this URL, “http://domain.com/faq/#howmuch” I would like it to open the FAQ (toggle module) with the heading “How much does a widget cost?”, and then the answer would automatically be revealed. The Step by Step Solution. 1. Go to Appearance >> Divi Theme Options >> Integration >> Under the Add code to Body section >> copy  and paste this javascript code: <script type="text/javascript"> (function($){ $(window).load(function(){ var et_hash = window.location.hash; if(window.location.hash) { $( '.et_pb_toggle' + et_hash ) .removeClass('et_pb_toggle_close') .addClass('et_pb_toggle_open') } }); })(jQuery) </script> Like this:   2. Next, go to your toggled module and assign a unique CSS ID name (tips: no spaces in ID, make the name memorable so you can easily recall it when creating links) within the CSS ID section found at...
Logos We’ve Recently Designed for Clients

Logos We’ve Recently Designed for Clients

We’ve recently designed the following logos for our clients. Blue Wind Farms   A non GMO corn and soybean producer located in Camp Douglas, WI. I used a font designed by Yellow Design Studios in Madison, WI (keeping it local).  I selected this font because of its sprout-like qualities which translated well for the non GMO grown products. The blue winds were designed to also look like the leaves from an ear of corn ( they also had the serendipitous look of rolling fileds of crops).   Heavy Hitch Manufacturer of sub compact and garden tractor attachments located in Fountain City, WI The initial objective in this design was to remove the green color from their previous logo to make their brand instantly appealing to owners of all makes of tractors. I was asked  to make a strong, impactful 3D design with a brushed metal finish. The hitch between the words was added as a way to separate the words (improve legibility) andto create an instantly identifiable impression of their brand.   Ready Travel and Logistics, Inc. Large group travel and logistics planning company located in La Crescent, MN I was given full control over the design of this logo. The left hand of the design is a nod to the roadtrips (via bus) that Ready Travel & Logistics plans for large group travel (think high school senior trips to New York, band trips to D.C.,  etc). The right side of the graphic emblem recognizes their convention logistics and planning services (a sheet of paper with notes). So 3 vertical dashes and 3 horizontal dashes which aptly translate into the services they provide.  ...

These are the phrases that will make you a headline writing rockstar!

I love posts like this. Short, sweet and full of useful information you can use now to fuel your marketing efforts. Author and writing guru, Kevan Lee, analyzed 3,016 headlines from 24 top content sites such as BuzzFeed, ViralNova, and UpWorthy and came up with a list of the most popular three-word phrases found in headlines that went viral. Here’s a quick snapshot of what is working in the top viral headlines: You should find ways to use  these phrases into your marketing headlines, whether posting on social media or on your blog. Did you notice my headline on this article? Works, right? + Read the full article here: Lessons From the Most Popular Phrases in Viral...

Free Website for Wisconsin Businesses

If you are a Wisconsin based business with no budget for a custom built website, you may be in luck. Google and a number of Wisconsin based partners from around the state are offering free websites and domain names for 1 full year. Here is the link to take part in that program: http://www.gybo.com/wisconsin Now, here are some interesting facts provided by Google:   47% of Wisconsin businesses do not have a website Source: Google/IPSOS, Survey of businesses with less than 250 employees, June 2011 97% of internet users look for local goods and services online. Source: BIA/Kelsey, User View Wave VII, March 2010 1 in 5 searches is local, which means someone is looking for a product or service nearby Source: Google user data, April 2010 Three out of four smartphone users have contacted a business they found on their phone Source: Google/Ipsos, “The Mobile Movement: Understanding Smartphone Users,” April 2011 Over the next three years, businesses that make use of the web expect to grow 40% faster than those that don’t. Source: BCG Report, “The Connected World: The $4.2 Trillion Opportunity,” March 2012   In summary, if you do not have a website, you will lose sales and growing your business becomes much more difficult. So you may be wondering why in the world would a web design firm be promoting free websites from another provider. Truth is we want to help small business owners understand the difference in value between free and paid website services. A free solution may be adequate for the short term, but a custom crafted website by a professional is optimal. Let me...

2 Important Changes To Make Your Small Business Website Work for You In 2014

There has been a lot happening in the online world over the past couple years and its difficult for small business owners to keep up with it all. However, it is critical to your business’ online success to stay in step with the changes that are taking place. If not, you will lose sales, customers and traffic. Implement these ideas into your site for 2014.   Responsive Design For Smartphones And Tablets The first big item on the list this year is responsive design. Have you ever visited a website on your smartphone and been frustrated?  You’re not the only one. Many websites are still optimized only for visiting on desktop computers and laptops. When viewed on smartphones, these sites are small and difficult (or even impossible) to navigate. Pinching and pulling pixels on a small screen is not optimal and can be frustating, and frustration is not how you want to position your business to your users and customers. Another frustrating outcome that happens on smartphones and tablets is that you’ll be taken to an alternate version of the website where some of the content is missing or is organized differently. This is undesirable for both the site owner, who is now managing essentially 2 websites, and for the user who is having 2 varous experiences on the same site. Of course this can be done well too when big budgets are in play, but for small businesses the outcome of 2 sites is typically poor. There is a better way. A much better way. Introducing, responsive design. Responsive design is something a web designer does so that your...

Pin It on Pinterest