Jump to content
Sign in to follow this  
relosmot

New Md2 Website For My Upcoming Plugin Launch

Recommended Posts

Still a bit of a work in progress but my new site is: WordPress Super Styles Plugin

 

This site was built on MD2 for my upcoming WordPress plugin launch. The plugin is called WP Super Styles and it allows users to create custom graphic styles (buttons, boxes, testimonials, icon lists), email opt-in forms, custom sales pages & custom squeeze pages.

 

I am still working on creating some of the documentation & support pages but I will have the website open and the plugin available for a short time (at a discount price of $17) while I finish the my last steps.

 

Been working hard on this and I would love any input you all may have or recommendations to make the site better.

  • Like 1

Share this post


Link to post
Share on other sites
Guest beepee

Wow, it looks absolutely fantastic!!

 

Really impressive work - it's incredible how much you have tweaked it! Your plug in's look quite sharp too!

 

I'm very new to the theme and very overwhelmed so I'm extremely impressed by your massive efforts with customising!

 

Would you mind sharing how you just got the Super Styles Offers Point & Click Styling Elements, Landing Pages & Optin Forms line below header area? I really like that!

  • Like 1

Share this post


Link to post
Share on other sites

Thank you both so much for the kind words.

 

I really appreciate you both taking the time to check out my work and leave your comments!

 

@beepee - What exactly do you mean by the line below the header area? If you are referring to the way the header is broken up from the feature box, I did this by using inset shadow CSS, the code is below:

 


.custom #header_area {
background: none;
box-shadow: inset 0px -3px 2px rgba(26, 30, 34, 0.2);
-moz-box-shadow: inset 0px -3px 2px rgba(26, 30, 34, 0.2);
-webkit-box-shadow: inset 0px -3px 2px rgba(26, 30, 34, 0.2);
}

 

If you have any other questions, comments or concerns, don't hesitate to message me or leave a comment!

Share this post


Link to post
Share on other sites
Guest beepee

Thank you for the inspiration :D

 

Apologies for the confusion, I just meant how did you get the horizontal line + text Super Styles Offers Point & Click Styling Elements, Landing Pages & Optin Forms I'm very new to thesis and this incredible theme!! All is a tad overwhelming atm :mellow:

 

But seeing your website is inspiring good sir!

  • Like 1

Share this post


Link to post
Share on other sites

Ahhhhh, I see what you are talking about now. Lemme help you out.

 

To create the additional feature box, add the code below to your custom_functions.php file:

 

You can use "if (is_page(array('...','...')))" add the feature box to whatever pages you like or you can use "if (is_home())" to add the box to your homepage only.

 

// ADDITIONAL FEATURE BOX
function second_feature_area() {
if (is_page(array('pg#','pg#'))) { ?>
<div class="feature_box_lead full_width feature_dark_home" id="lead_area">
 <div class="page">
  <div id="feature_box">
		<div class="format_text">
			 <p style="ADD YOUR HTML STYLES HERE">THIS IS THE CONTENT YOU WILL WRITE TO SHOW UP IN YOUR NEW BOX</p>
		</div>
  </div>
 </div>
</div>
<?php } }
add_action('thesis_hook_before_content_area','second_feature_area');

 

Now for the CSS to go along with it: Grab the code you find below and add it to your custom.css file.

 

I just copied the colors, padding, & shadow from my site to give you an example. You can tweak things however you want them to look.

 

.custom .feature_dark_home {
       background: #6C7177;
       padding: 15px 0 0;
       box-shadow: inset 0 3px 3px rgba(26, 30, 34, 0.2), inset 0 -3px 3px rgba(26, 30, 34, 0.2);
      -moz-box-shadow: inset 0 3px 3px rgba(26, 30, 34, 0.2), inset 0 -3px 3px rgba(26, 30, 34, 0.2);
      -webkit-box-shadow: inset 0 3px 3px rgba(26, 30, 34, 0.2), inset 0 -3px 3px rgba(26, 30, 34, 0.2);
}

 

This should work for ya. If there are any problems with the code lemme know, I will take a closer look but I think you should be fine.

 

Thanks again for taking the time to check out my work and give me your comments & praise. It really means a lot to me.

 

Best of luck with your work and lemme know if there is anything else you would like help with.

 

-Tom

Share this post


Link to post
Share on other sites
Guest beepee

Wow, really appreciate your extensive reply, I would be sweet with doing that, big thanks again for the great reply.

 

I'm unable to locate the custom_functions.php file though?

 

In the folder thesis I only have three folders (boxes, packages & skins) no custom?

 

Apologies and thanks :)

Share this post


Link to post
Share on other sites

My friend,

 

It sounds like you are working with the Marketers Delight 3 skin. WP Super Styles was built using the Marketers Delight 2 skin and Thesis version 1.8.5.

 

The DIYThemes (Thesis) update from v1.8.5 to v2.0 was a complete rehaul of the way Thesis framework is used.

 

In order to use the code above (as is) it would require the use of Marketers Delight 2 and Thesis v1.8.5.

 

Sorry about that, I shoulda asked you which version of Thesis you were rockin.

 

Personally, I am a bigger fan of Thesis 1.8.5 in some ways because I find the v2.0 framework to be more tedious with its endless tab-box settings.

Share this post


Link to post
Share on other sites
Sign in to follow this  

×