Sidebar like interactive theme

Evhulten1990

Hi,

How can i create a sidebar like the interactive theme (with the colored background)

http://themes.muffingroup.com/be/interactive/e-commerce/

I can not copy it from the demo site because i cannot install it.

Thanks for your answer!

Evhulten1990

And with a border around the widget

Albert

Hi,

for that page, we used 2 x Text widgets with the following content:

<div class="offer_box">

<h5 style="color: #fff;">WHAT CAN<br />WE DO FOR YOU</h5>

<div class="offer_box_list">
    <a href="http://themes.muffingroup.com/be/interactive/e-commerce/">E-COMMERCE</a>
    <a href="http://themes.muffingroup.com/be/interactive/websites/">WEBSITES</a>
    <a href="http://themes.muffingroup.com/be/interactive/social-media/">SOCIAL MEDIA</a>
    <a href="http://themes.muffingroup.com/be/interactive/advertising/">ADVERTISING</a>
</div>

<div class="offer_box_button">
    [button title="VIEW OFFER" link="#" color="" font_color=""]
</div>

</div>

and:

<div style="background: #fff; border: 1px solid #e1e1e1; padding: 20px 20px 10px; text-align: center;">
<h5>ABOUT US</h5>
[image src="http://themes.muffingroup.com/be/interactive/wp-content/uploads/2015/06/home_interactive_sidebar_about.jpg" border="0"]
[divider height="20"]
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. perspiciatis unde omnis iste natus error sit</p>
[button title="VIEW MORE" link="http://themes.muffingroup.com/be/interactive/company/" color="theme"]
</div>

Also, we used the following css:

/* Widget */
.widget-area:before { display: none; }
.aside_left .widget-area { border: 0; }
.widget { padding-bottom: 0; }
.widget:after { border: 0; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next