• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Banded rows like home page in pages

Home › Community Forums › Epik Theme Support › Banded rows like home page in pages

Tagged: banded rows, epik, like homepage

  • This topic has 2 replies, 2 voices, and was last updated 8 years ago by Richard.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 12, 2014 at 10:03 am #13509
    Richard
    Customer

    I am hoping to create landing pages or just pages that are: a) single column, like the home page with feature widgets (I am god with this) and b) utilize the CSS styles from homepage to delineate messages.
    I have copied some CSS from the view source for the homepage, grabbing what appear to be the right classes, but with unattractive results. I fear there are classes in the “pages” that are containing these classes I am trying to add.

    What you need to know is that I am working in an abstracted version of WordPress, Genesis, StudioPress (Epik) and cannot touch anything beyond the dashboard.

    My hope is to call just the classes required to achieve single column pages with horiz bands of difference colors.

    August 14, 2014 at 11:59 am #13534
    Eric
    Customer

    You can use the Column classes code from the columns page – http://demo.appfinite.net/epik/columns/

    <p>Below are examples of column classes that are available in the Genesis Framework style sheet.</p>
    <h3>Two-Columns</h3>
    <div class="one-half first">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
    </div>
    <div class="one-half">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
    </div>
    <div style="border-bottom:1px solid #eee;clear:both;margin-bottom: 26px;"></div>
    <h3>Three-Columns</h3>
    <div class="one-third first">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
    </div>
    <div class="one-third">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
    </div>
    <div class="one-third">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
    </div>
    <div style="border-bottom:1px solid #eee;clear:both;margin-bottom: 26px;"></div>
    <h3>Four-Columns</h3>
    <div class="one-fourth first">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
    </div>
    <div class="one-fourth">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
    </div>
    <div class="one-fourth">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
    </div>
    <div class="one-fourth">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
    </div>
    <div style="border-bottom:1px solid #eee;clear:both;margin-bottom: 26px;"></div>
    <h3>Six-Columns</h3>
    <div class="one-sixth first">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
    </div>
    <div class="one-sixth">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
    </div>
    <div class="one-sixth">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
    </div>
    <div class="one-sixth">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
    </div>
    <div class="one-sixth">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
    </div>
    <div class="one-sixth">
    <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
    </div>

    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    August 14, 2014 at 12:47 pm #13545
    Richard
    Customer

    Thanks Eric.
    What I am wanting to do is replicate the full width rows on the home page….
    By the way, it is worth mentioning, we have hidden the box border in the non-homepages with CSS, because we like the look better.

    What happens when I do what you mentioned above is I get boxes inside of rows, instead of full width rows with content.

    Do you have a suggestion that would allow me to place css into the custom css file on the templates that are not the home page, that could go full width, with alternating colors (like the homepage)?

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2022 · Appfinite · Built With The Genesis Framework