Agency Pro – Integrating widget plugins from Epik Theme

Community Forums Forums Design Tips and Tricks Agency Pro – Integrating widget plugins from Epik Theme

This topic is: not resolved

This topic contains 11 replies, has 3 voices, and was last updated by  Winterburn 3 weeks, 2 days ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #120152

    donaldkimgroup@gmail.com
    Member
    Post count: 47

    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/
    #120182

    AC
    Blocked
    Post count: 7712

    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.

    #120394

    donaldkimgroup@gmail.com
    Member
    Post count: 47

    Ok great… thanks for letting me know! :)

    #120398

    donaldkimgroup@gmail.com
    Member
    Post count: 47

    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

    #120457

    AC
    Blocked
    Post count: 7712

    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.

    #120840

    donaldkimgroup@gmail.com
    Member
    Post count: 47

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

    I will purchase the Epik theme! :)

    Thanks,
    Donald

    #120854

    donaldkimgroup@gmail.com
    Member
    Post count: 47

    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

    #120878

    AC
    Blocked
    Post count: 7712

    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.

    #120895

    Winterburn
    Participant
    Post count: 19

    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!


    • This reply was modified 1 month, 1 week ago by  Winterburn.
    • This reply was modified 1 month, 1 week ago by  Winterburn.
    • This reply was modified 1 month, 1 week ago by  Winterburn.
    • This reply was modified 1 month, 1 week ago by  Winterburn.
    #121251

    donaldkimgroup@gmail.com
    Member
    Post count: 47

    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

    #121252

    donaldkimgroup@gmail.com
    Member
    Post count: 47

    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

    #123505

    Winterburn
    Participant
    Post count: 19

    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


Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.