Community Forums › Forums › Archived Forums › Design Tips and Tricks › Agency Pro – Integrating widget plugins from Epik Theme
- This topic has 11 replies, 3 voices, and was last updated 9 years, 6 months ago by Winterburn.
-
AuthorPosts
-
August 21, 2014 at 2:43 am #120152[email protected]Member
Hi there,
I am currently using the Agency Pro theme.
I wanted to see how I can download the widget plugins from the Epik Theme (especially the pricing plans):
http://my.studiopress.com/themes/epik/hanks in advance.
Best,
http://www.optimizedwebmedia.com/
DonaldAugust 21, 2014 at 5:57 am #120182AnitaKeymasterYou can purchase the Epik theme and copy the code from that theme into your own theme. Any built-in plugins would be in the file and you can customize and style everything for your theme. The pricing table is not a plugin, it's done in CSS.
Love coffee, chocolate and my Bella!
August 21, 2014 at 10:04 pm #120394[email protected]MemberOk great... thanks for letting me know! 🙂
August 21, 2014 at 10:42 pm #120398[email protected]MemberHi there,
Can you please share the css code for the pricing table so I can integrate it into my website? I hope to hear from you soon. Thanks!
Best,
DonaldAugust 22, 2014 at 6:52 am #120457AnitaKeymasterAs I stated previously, you can purchase the Epik theme and get the code from there. I don't feel comfortable sharing information from a theme you haven't purchased. You could look for a free pricing table plugin in the WordPress Repository.
Love coffee, chocolate and my Bella!
August 24, 2014 at 8:10 pm #120840[email protected]MemberOk, thanks for letting me know, Anita. Much appreciated.
I will purchase the Epik theme! 🙂
Thanks,
DonaldAugust 24, 2014 at 10:24 pm #120854[email protected]MemberHi Anita,
I just purchased the theme for Epik. What are the instructions for copying the code from that theme into my own theme (Agency Pro)? This is the first time I am doing this, so please provide detailed instructions. Many thanks in advance! 🙂
Best,
DonaldAugust 25, 2014 at 5:49 am #120878AnitaKeymasterIf you would like customization service to achieve that, you can contact me on my website. In Epik there are instructions on how to create the pricing table. You will need to copy the appropriate code from the Style sheet into your own. You will also need to copy over and adjust the mobile CSS.
Love coffee, chocolate and my Bella!
August 25, 2014 at 7:54 am #120895WinterburnParticipantI will show you my bro.
Adding these classed your style.css
.plans { clear: both; margin: 0 auto; padding: 20px 0 0; text-align: center; } .plan-col { background: none repeat scroll 0 0 #eee; float: left; font-weight: 300; padding: 0; text-align: center; vertical-align: top; } .plan-col-popular { background: none repeat scroll 0 0 #fff; float: left; font-weight: 300; padding: 0; position: relative; text-align: center; vertical-align: top; } .plan-col, .plan-col-popular { width: 25%; } .plan-col-wrap, .plan-col-popular-wrap { border: 1px solid #d3d3d3; margin: 0 auto; padding: 40px 10px; } .plans .plan-head h4 { font-size: 20px; font-weight: 300; margin: 0 0 20px; text-align: center; text-transform: uppercase; } .plan-head em { font-size: 14px; } .plan-pricing { background: url("images/border-img-x.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); clear: both; margin: 0 0 20px; padding: 0 0 20px; text-align: center; } .plan-price { font-size: 60px; } .plan-price sup { font-size: 24px; } .plan-pricing .monthly { font-size: 14px; } .plan-list { margin: 0 0 20px; overflow: hidden; } .plan-list li, .entry-content .plan-list li { list-style: none outside none; margin: 0 0 20px; } .plan-button { clear: both; } .plan-button a, .entry-content .plan-button a { background: none repeat scroll 0 0 #303236; border-radius: 3px; color: #fff; font-size: 18px; font-weight: 400; padding: 6px 25px 8px; } .plan-button a:hover { opacity: 0.7; text-decoration: underline; transition: all 0.5s ease 0s; }
Then choose the text widget adding the text below:
<div class="plans"> <div class="plan-col"> <div class="plan-col-wrap"> <div class="plan-head"><h4>Simple</h4></div> <div class="plan-pricing"> <span class="plan-price"><sup>$</sup>45</span><span class="monthly">/mo</span> </div> <ul class="plan-list"> <li><strong>100</strong> Themes</li> <li><strong>Unlimited</strong> Bandwidth</li> <li><strong>300</strong> E-mail Accounts</li> <li><strong>Free</strong> 1-800 Number</li> <li><strong>5 Free</strong>Domains</li> <li><strong>Unlimited</strong> Downloads</li> </ul> <div class="plan-button"><a>Buy Now</a></div> </div> </div> <div class="plan-col-popular"> <div class="plan-col-wrap"> <div class="plan-head"><h4>Popular</h4></div> <div class="plan-pricing"> <span class="plan-price"><sup>$</sup>59</span><span class="monthly">/mo</span> </div> <ul class="plan-list"> <li><strong>200</strong> Themes</li> <li><strong>Unlimited</strong> Bandwidth</li> <li><strong>300</strong> E-mail Accounts</li> <li><strong>Free</strong> 1-800 Number</li> <li><strong>5 Free</strong>Domains</li> <li><strong>Unlimited</strong> Downloads</li> </ul> <div class="plan-button"><a>Buy Now</a></div> </div> </div> <div class="plan-col"> <div class="plan-col-wrap"> <div class="plan-head"><h4>Great</h4></div> <div class="plan-pricing"> <span class="plan-price"><sup>$</sup>99</span><span class="monthly">/mo</span> </div> <ul class="plan-list"> <li><strong>300</strong> Themes</li> <li><strong>Unlimited</strong> Bandwidth</li> <li><strong>300</strong> E-mail Accounts</li> <li><strong>Free</strong> 1-800 Number</li> <li><strong>10 Free</strong>Domains</li> <li><strong>Unlimited</strong> Downloads</li> </ul> <div class="plan-button"><a>Buy Now</a></div> </div> </div> <div class="plan-col"> <div class="plan-col-wrap"> <div class="plan-head"><h4>Awesome</h4></div> <div class="plan-pricing"> <span class="plan-price"><sup>$</sup>199</span><span class="monthly">/mo</span> </div> <ul class="plan-list"> <li><strong>500</strong> Themes</li> <li><strong>Unlimited</strong> Bandwidth</li> <li><strong>300</strong> E-mail Accounts</li> <li><strong>Free</strong> 1-800 Number</li> <li><strong>20 Free</strong>Domains</li> <li><strong>Unlimited</strong> Downloads</li> </ul> <div class="plan-button"><a>Buy Now</a></div> </div> </div> </div>
It's done!
August 27, 2014 at 1:14 am #121251[email protected]MemberWow, Winterburn you are so nice! Thank you so much!
I want to integrate all of the sections of the widgets in the Epik theme into my website (currently using Agency pro theme). I'd like to then make edits it to afterwards, but I'd like to see how it looks with them on my website. Can you provide me with the instructions of how I can do this?
Or do you also offer services to do this? If so... can I contact you through your email?
Best,
DonaldAugust 27, 2014 at 1:15 am #121252[email protected]MemberHere is the Epik theme demo URL: http://my.studiopress.com/themes/epik/#demo-full
Here is my website URL: http://www.optimizedwebmedia.com/
Best,
DonaldSeptember 8, 2014 at 9:01 pm #123505WinterburnParticipantHi Donald,
Hope you fine to complete the matter above, in case the matter is not resolve, please kindly contact to me to complete it 🙂
Regard,
Win
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.