Agency Pro – Integrating widget plugins from Epik Theme

[[email protected]]

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,
Donald

http://www.optimizedwebmedia.com/

[AnitaC]

You 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.

---

Need help with customization or troubleshooting? Reach out to me.

[[email protected]]

Ok great... thanks for letting me know! 🙂

[[email protected]]

Hi 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,
Donald

[AnitaC]

As 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.

---

Need help with customization or troubleshooting? Reach out to me.

[[email protected]]

Ok, thanks for letting me know, Anita. Much appreciated.

I will purchase the Epik theme! 🙂

Thanks,
Donald

[[email protected]]

Hi 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,
Donald

[AnitaC]

If 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.

---

Need help with customization or troubleshooting? Reach out to me.

[Winterburn]

I 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!

---

http://nhatdong.com

[[email protected]]

Wow, 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,
Donald

[[email protected]]

Here is the Epik theme demo URL: http://my.studiopress.com/themes/epik/#demo-full

Here is my website URL: http://www.optimizedwebmedia.com/

Best,
Donald

[Winterburn]

Hi 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

---

http://nhatdong.com

[Author]

Posts