Search for answers:
Customer Notices: WordPress 4.5 Affects LiveEditor Functionality - See this article WordFence Plugin Affects LiveEditor - See this article

How to Replicate OP2 Blog Homepage Featured Area?

Since this article was written in 2015 our blog at optimizepress.com/blog has gone through some design changes, however we used to take advantage of the "Blog HomePage Featured Area" and had a design like this: 

To replicate this design for your blog home page feature area, please follow the directions below. 

Note that the actual "blog homepage featured area" will only work on the blog homepage and will not show up on other posts or pages of your OptimizePress website.

1. Go to Post >> Add New Post >> click Add Element Button >> Optin Form element >> select the 7th optin style (transparent) >> configure and then insert. You'll notice a shortcode immediately added to your page. Copy the entire shortcode.

2. Go to OptimizePress >> Blog Settings >> Modules >> Featured Homepage Area >> select HTML content instead of Video & Signup Form >> add the below code:

<div id="firsthalf">
<h1>ADD ANY TEXT</h1>
<h3>ADD ANY TEXT</h3>
</div>
<div id="secondhalf">ADD the ENTIRE SHORTCODE YOU COPIED EARLIER HERE</div>

Once done adding the code, click SAVE.

3. Now, go to OptimizePress >> Blog Settings >> Modules >> Other Scripts >> Custom CSS (drop-down) and add below code:

#firsthalf {
width:400px;
float:left;
padding:25px;
}
#secondhalf {
width:450px;
float:left;
padding:10px;
}

.featured-panel {
background-image: url(http://IMAGE-URL-OF-YOUR-BACKGROUND-HERE.png);
background-repeat: repeat;
border-bottom: 1px solid #eee;
padding-top: 30px;
padding-bottom: 10px;
}

.optin-box-6 .privacy {
text-shadow: none;
}

@media only screen and (max-width: 410px){
#firsthalf{width:auto !important;}
#secondhalf{width:auto !important;}
}

Click save when done. That's it.

Didn't find an answer to your question? Contact Our Support Team (Submit a ticket)
Was this article helpful?
1 out of 2 found this helpful
Follow

Comments

Other Help Categories:

Get Started Guide

Watch our Ultimate Getting Started guide video

Pre-Sales Questions

Ask questions before purchasing our products

Login Problems

If you're having issues logging into our members hub

Accounts & Billing

Update your billing, request a refund and other accounts help

API Key Issues

Get help with licensing your site and API key issues

Membership Help

Get help creating Membership portals and courses

LiveEditor Help

If you need help using or troubleshooting the LiveEditor

Integrations

Find out about the many integrations possible with OptimizePress

Affiliate Questions

Have questions about promoting OptimizePress

Clubhouse Questions

Questions about our Clubhouse Membership Subscription