BuilderChild-Avail

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(Created Avail child theme's codex page and added intro)
 
(FAQs: Added === How to remove space above and below image in a Image Module ===)
 
Line 15: Line 15:
 
== FAQs ==
 
== FAQs ==
  
=== Item 1 ===
+
=== How to remove space above and below image in a Image Module ===
 +
 
 +
Before:
 +
 
 +
[[File:2013-02-19 09-40-55.png|799px|thumb|none]]
 +
 
 +
After:
 +
 
 +
[[File:2013-02-19 09-40-04.png|800px|thumb|none]]
 +
 
 +
Add the following at the end of child theme's style.css (WP dashboard -> Appearance -> Editor):
 +
 
 +
<pre class="brush:css; gutter: false;">
 +
.builder-module-1-background-wrapper,
 +
.builder-module-1 .builder-module-element {
 +
    padding-top: 0;
 +
    padding-bottom: 0;
 +
}
 +
</pre>
 +
 
 +
In the above code, change 1 in <code>.builder-module-1</code> to position of module in layout from the top.
  
 
=== Item 2 ===
 
=== Item 2 ===
  
 
=== Item 3 ===
 
=== Item 3 ===

Latest revision as of 23:14, February 18, 2013

Contents

Introduction

With a clean, modern design, Avail is great for business or corporate websites. Paired with iThemes Builder 4.0, Avail automatically responds for mobile, tablet and desktop viewing.

Avail 2013-01-31 23-17-11.png

Live Demo

Blog entry announcing the release of Avail

Overview Video by Benjamin Bradley on iThemesTV - Nov 20, 2012 - Time frame: 02:48 to 13:53

Purchase page

FAQs

How to remove space above and below image in a Image Module

Before:

2013-02-19 09-40-55.png

After:

2013-02-19 09-40-04.png

Add the following at the end of child theme's style.css (WP dashboard -> Appearance -> Editor):

.builder-module-1-background-wrapper,
.builder-module-1 .builder-module-element {
    padding-top: 0;
    padding-bottom: 0;
}

In the above code, change 1 in .builder-module-1 to position of module in layout from the top.

Item 2

Item 3

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox