Styletest - Panels

Share:

This styletest is used to document panels on Answersingenesis.org including modifiers, specs, and variations.

Panel - Slider

Styling Text

Here are the "is-epic" css class names for adding to tiles of panel sliders.

  • .is-epic - makes text break from bg-overlay box
  • .is-epic-titleMd - title has medium font size
  • .is-epic-titleLg - title has large font size
  • .is-epic-subtitleMd - subtitle has medium font size
  • .is-epic-subtitleLg - subtitle has large font size
  • .is-epic-textshadow - textshadow added to text
  • .is-epic-uppercase - makes title and subtitle uppercase

Here are any other classes for modifying panel sliders.

  • .shift-left - makes image visually centered on mobile when empty space on left had been made for text block.
  • .list-info-right - shifts the panel slider text box to the right.
  • .store-slider - removes text panel from store slider, and adjusts slider height.
  • .special - moves the text space to the top on moble views for special offer or event panels that don't have a discription.

  • Panel Tile 1
    Panel Tile 1
    StyletestGet Answers
  • Panel Tile 1
    Panel Tile 1
    StyletestGet Answers
  • Panel Tile 1
    Panel Tile 1
    StyletestGet Answers
  • Panel Tile 1
    Panel Tile 1
    StyletestGet Answers

Save Location

https://assets.answersingenesis.org/img/panel/slider/...

Requirements

When using "Save for Web" in Photoshop.

  • Dimensions
    • Standard: 1200 x 381 px
    • Retina 1.5x: 1800 x 572 px
  • Typical File Size
    • Standard: 100K - 150K
    • Retina: 100K - 300K

Panel - Tile 1

NOTE: This panel is currently not in use on our sites

Panel Tile 1
Styletest
None
Panel Tile 1
Styletest
None

Panel - Tile 2

Panel Tile 1
Styletest
Panel Tile 1
Styletest

Save Location

https://assets.answersingenesis.org/img/panel/tile-2/...

Requirements

When using "Save for Web" in Photoshop.

  • Dimensions (only retina is used as these panels only contain images and no live text
    • Retina: 600 x 338 px
  • Typical File Size
    • Retina: 100K - 300K

Panel - Tile 3

Panel Tile 1
Panel Tile 1

Save Location

https://assets.answersingenesis.org/img/panel/tile-3/...

Requirements

When using "Save for Web" in Photoshop.

  • Dimensions (only retina is used as these panels typically contain text on the products)
    • Retina: 600 x 338 px
  • Typical File Size
    • Retina: 20K - 90K

Panel - Tile 4

Panel Tile 1
Panel Tile 1
Panel Tile 1
Panel Tile 1

Save Location

https://assets.answersingenesis.org/img/panel/tile-4/...

Requirements

When using "Save for Web" in Photoshop.

  • Dimensions (only retina is used as these panels only contain images and no live text
    • Retina: 250 x 141 px
  • File Size (these are typical specs and may not be the case for all situations)
    • Retina: 50K - 100K

Panel - Tile 5

Newest
Bestsellers

Requirements

There are no requirements as these panels are only used on the homepage and have no images.

Panel - Notification

Live Streaming Bill Nye and Ken Ham Debate 2014
Hobby Lobby ruling coming soon ...
  • Schroon Lake, NY
    April 11 - April 14
  • Poughkeepsie, NY
    April 26-April 28

Panel - Slide

Age of the Earth
Millions of years pose a foundational attack on the gospel.
Bible Plus The Old And New Testiment Explored and Explained Throught The Entire Complete Age Of History Starting From The Beginning Of Course And Yes I Know I Capitalized Everything
The infallible Word of God is our authority. And this is what happens when you add way way way too much text that it can't all fit but however the css is designed to prevent breaking text and cuts it off after so many lines depending on what size your window is. Genius? Yeah, we thought so too.

Cover Panel

advertisements
Ad Ad Ad Ad Ad Ad Ad Ad Ad Ad Ad Ad

Sku Panel

sku

You can also help support our ministry by purchasing this resource in our online store as a DVD or digital download!

Buy DVD
sku

You can also help support our ministry by purchasing this resource in our online store as a DVD or digital download!

Buy DVD

Answers in Genesis is an apologetics ministry, dedicated to helping Christians defend their faith and proclaim the gospel of Jesus Christ.

Learn more

  • Customer Service 800.778.3390