Articles tagged “Responsive” - Sort...

How to allow text to wrap around an image

The flowing of text around an image is a technique that is frequently part of a designer's arsenal. Although the process of wrapping text has changed over the years, this is easily accomplished...

How to allow text to wrap around an image in Responsive Layout Maker

window.location.href = "https://www.coffeecup.com/help/articles/1433"

How to apply mouseover effects to a background image

In this article, we are going to walk through how to apply a mouseover effect on an background image that will then display text in place of the image. We accomplish this by using multiple...

How to design an Responsive Email for the Top 10 Email Clients

When using Responsive Email Designer there are many different email clients that you have to take into consideration when you are designing your email. While there are many out there (hundreds),...

How to edit a website created with Responsive Layout Maker

We all know that designing a website can be time consuming and labor intensive and developing a responsive website can be even more challenging. There are so many different variables to a...

How to make your Image Map Responsive

This article has been updated! Version 5.0 of CoffeeCup Image Mapper will create stunning responsive image maps which means no more having to “hack” the code to produce one! The Wizard will...

How to use CSS Display Properties in Responsive Layout Maker

Display Properties are used for controlling the way elements flow within your layout. All elements have a default display depending on what type element it is. Usually this is block or inline....

How to use Push & Pull in Responsive Layout Maker

We know that you were taught that pushing and pulling were unacceptable in school, but that is only if you do it to a living being. It does not count when it is an Element in your design!...

Image Mapper Quick Start Guide

CoffeeCup Image Mapper allows you to specify multiple links (or hotspots) to specific locations of an image and point them to a document or website. Create mouseover text, ALT text, links and...

Import Report Design into Website Insight

Do you want to create your own fully customized reports? With Website Insight you can! Using our Responsive Site Designer (RSD) and Responsive Layout Maker (RLM) , you can customize...

Menu Builder Quick Start Guide

If you want to build good looking, well functioning navigation menus, you’ve come to the right app. CoffeeCup Menu Builder has been designed to help you build sophisticated, standards...

Menu Builder Resources

This is a page in (never ending) progress... Themes, Projects, Prototypes, Links, Experiments & More: Do you love our snazzy quick start examples (thanks, you’re making us blush)...

Predefined Classes used in Responsive Layout Maker

It is always helpful to have predefined classes when designing any website. That is why both Coffeegrinder and Bootstrap 2 have included a few predefined classes that can make building your...

Putting it all together

Now that you know how Layout Maker works, let’s put your skills to the test. Here we are going to walk you through a quick process on how to build a layout. This only covers the basics, but...

RED Personal vs RED Business

Responsive Email Designer is available in two versions: Personal and Business. RED Personal focuses on a core-set of features and options to produce a responsive email. RED for Business builds on...

Responsive Actions - The Stack

The Stack This is one of the most frequently used responsive action. The reason for that is simple, at small screens there is little room for content to be displayed next to each other....

Responsive Content Slider

Create Responsive Slideshows and Presentations Direct from the CoffeeCup labs is Responsive Content Slider. This app gives you the ability to combine pictures, text, buttons, icons and...

Responsive Email Designer Theme Pack

Responsive Email Designer Theme Pack Looking for inspiration on how to create a responsive email? If so, then we got you covered! Here is a preview of awesome responsive themes included with...

Responsive Form Themes

Web Form Builder is the first form program in the world to offer responsive designs. What's "responsive," you ask? A responsive web design is one that responds to the size of...

Responsive Google Maps

Add Google Maps to your site responsively. Google Maps™ can drive business right to your front door by providing your address, directions and landmarks for your customers to find you....

Responsive Layout Maker Quick Start Guide

Introduction Billions of people access the Internet from devices with all different screen sizes. To assure a good looking, usable website on every single device, it's gotta be responsive....

Responsive Layout Pro Template Pack Preview

Layout Maker Pro Template Pack Looking for inspiration on how to create a responsive layout? If so, then we got you covered! Here we have put together an awesome bundle of responsive layouts...

Responsive Layout Template Pack Preview

Layout Maker Template Pack Looking for inspiration on how to create a responsive layout? If so, then we got you covered! Here we have put together an awesome bundle of responsive layouts that...

Responsive Themes: What are they?

You may be asking yourself what really is a Responsive theme and why do I need one? Well a responsive theme is a process of web design that allows a website designer to restructure a website at...

Solving the IE11 fixed background bug

How we solved the IE 11 fixed background bug In our efforts to make the best possible experience with all of our themes, we attempted to fix a reported bug regarding fixed backgrounds in...

What are CSS3 Media Queries?

Media queries are a powerful ingredient of Responsive Web Design (RWD) supported by all modern browsers. A media query is a small bit of CSS code that works by asking (querying) the...