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 9 years, 1 month ago by
Richard.
-
AuthorPosts
-
August 12, 2014 at 10:03 am #13509
Richard
CustomerI 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 #13534Eric
CustomerYou 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 #13545Richard
CustomerThanks 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)?
-
AuthorPosts
- You must be logged in to reply to this topic.