Armando Dela Cruz
asked 11 years ago

I forced regenerated my thumbnails (using a plugin) and right after I ended up with this.Is there any workaround for this through CSS; if not, can I simply re-install the theme? Thanks! This theme is beautiful.

3 Answers
DominicStaff
answered 11 years ago

I have checked your site. This issue is due to using the DW Shortcode Bootstrap plugin. To resolve this issue, you can log in to Dashboard > Settings > DW Shortcode Options, then Uncheck Load Twitter Bootstrap css file & Load Twitter Bootstrap javascript file section.
See the screenshot:

Armando Dela Cruz
replied 11 years ago

Thanks, Dominic! This really helped.

Last issue I have: how can I mimic the About and Contact page from the demo and finally is there any list of shortcodes that I can use?

DominicStaff
answered 11 years ago

To create a contact page as our demo, you can log in to Dashboard > Pages > Add new, then add the following code to the Text frame:

   <div class="map"><iframe src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=123+Main+st.++Los+Angeles,+CA,+90012,+U.S.A+&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=55.016555,114.169922&amp;ie=UTF8&amp;hq=&amp;hnear=123+S+Main+St,+Los+Angeles,+California+90012&amp;t=m&amp;z=14&amp;ll=34.05184,-118.243709&amp;output=embed" height="350" width="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></div>
<div class="contact-info style-content-2">
<ul class="style-1 pull-left">
    <li><span class="text-icon-left"><i class="icon-google-plus-sign"></i> <span>Google+</span></span> <span class="pull-right"><a href="#">designwall</a></span></li>
    <li><span class="text-icon-left"><i class="icon-skype"></i> <span>Skype</span></span> <span class="pull-right">john.doe</span></li>
    <li><span class="text-icon-left"><i class="icon-facebook-sign"></i> <span>Facebook</span></span> <span class="pull-right"><a href="#">wp.designwall</a></span></li>
</ul>
<ul class="style-1 pull-right">
    <li><span class="text-icon-left"><i class="icon-phone-sign"></i> <span>Mobile Phone</span></span> <span class="pull-right">1-800-233-4175</span></li>
    <li><span class="text-icon-left"><i class="icon-twitter-sign"></i> <span>Twitter</span></span> <span class="pull-right"><a href="#">designwall_com</a></span></li>
    <li><span class="text-icon-left"><i class="icon-apple"></i> <span>Facetime</span></span> <span class="pull-right">[email protected]</span></li>
</ul>
</div>
<form>
<fieldset><legend>Use the form below to drop me a message</legend><label>Your name
<input class="input-block-level" type="text" placeholder="Type your name" /></label><label>Email
<input class="input-block-level" type="text" placeholder="[email protected]" /></label><label>Website
<input class="input-block-level" type="text" placeholder="http://" /></label><label><label>Your Message
<textarea class="input-block-level"></textarea></label><input class="btn pull-right" type="submit" value="Submit" /></label></fieldset>
</form>

Notice: Please replace the content & image in the code above, of course, with yours.
–  Regarding DW Shortcode Bootstrap plugin, unfortunately, it is no longer maintained and supported. Sorry about that.

Armando Dela Cruz
replied 11 years ago

Thanks again, Dominic! The contact page is awesome! I’d like to ask though how can I duplicate the About page in the demo. That’s the last piece of the blog I’m trying to create.

*Regarding the native shortcodes, I’m trying out Shortcode Ultimate as an alternative and it’s working pretty fine. Thanks for clearing things up! 🙂

DominicStaff
answered 11 years ago

To create a About page as our demo, you can log in to Dashboard > Pages > Add new, then add the following code to the Text frame:

Cras porta tempus pharetra. Etiam sollicitudin quam mauris, in sodales elit malesuada et. Curabitur orci sem, condimentum ut malesuada vitae, dapibus vitae est. Nulla elit augue, imperdiet sit amet vulputate sit amet, sodales sed ligula. Donec nulla mauris, aliquam ut dui ac, molestie dapibus diam. Aliquam erat volutpat.
<div class="style-content-1 right">
<div class="small"><img class="alignnone" alt="" src="http://placehold.it/230x290/eee&amp;text=Photo" /></div>
<div class="big">
<ul class="style-1">
    <li>DBO<span class="pull-right">23 June, 2013</span></li>
    <li>Gender<span class="pull-right">Male</span></li>
    <li>Nationality<span class="pull-right">United States</span></li>
    <li>Relationship Status<span class="pull-right">Single</span></li>
    <li>Mobile Phone<span class="pull-right">1-800-233-4175</span></li>
    <li>Website<a href="www.designwall.com"><span class="pull-right">www.designwall.com</span></a></li>
    <li>Languages<span class="pull-right">English</span></li>
</ul>
</div>
</div>
<h3>Work and Education</h3>
Quisque elementum nunc et neque laoreet, sed semper enim rutrum. Nam sed urna lacus. Quisque tempus urna velit. Nam sed urna lacus. Quisque tempus urna velit. Donec eleifend lacus et ante interdum sagittis. Donec eleifend lacus et ante interdum sagittis. Curabitur orci sem, condimentum ut malesuada vitae, dapibus vitae est.
<ol class="timeline">
    <li class="tl-wrap pull-left tl-danger"><strong class="tl-title">Facebook</strong><span class="tl-content">Founder and CEO · Feb 4, 2004 to present</span></li>
    <li class="tl-wrap pull-right"><strong class="tl-title">Harvard University</strong><span class="tl-content">Sep 2002 to May 2004 · Computer Science
</span></li>
    <li class="tl-wrap pull-left"><strong class="tl-title">Phillips Exeter Academy</strong><span class="tl-content">Class of 2002 · Classics</span></li>
    <li class="tl-wrap pull-right"><strong class="tl-title">Scrum Alliance</strong><span class="tl-content">Class of 2001 · Certified Scrum Master</span></li>
    <li class="tl-wrap pull-left"><strong class="tl-title">Ardsley High School</strong><span class="tl-content">Sep 1998 to Jun 2000 · Ardsley, New York</span></li>
</ol>
<h3>Technical Experience</h3>
Sed quis risus posuere leo scelerisque viverra. Pellentesque id urna at augue porttitor laoreet eu vel arcu. Pellentesque vel iaculis augue. Quisque elementum nunc et neque laoreet, sed semper enim rutrum. Nam sed urna lacus. Quisque tempus urna velit. Donec eleifend lacus et ante interdum sagittis.
<div class="row-fluid">
<div class="span2"><strong>Photoshop</strong></div>
<div class="span10">
<div class="progress progress-info">
<div class="bar" style="width: 60%;">6/10</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span2"><strong>HTML &amp; CSS</strong></div>
<div class="span10">
<div class="progress progress-success">
<div class="bar" style="width: 70%;">7/10</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span2"><strong>JavaScript
</strong></div>
<div class="span10">
<div class="progress progress-warning">
<div class="bar" style="width: 80%;">8/10</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span2"><strong>PHP</strong></div>
<div class="span10">
<div class="progress progress-danger">
<div class="bar" style="width: 90%;">9/10</div>
</div>
</div>
</div>

Hope this helps !

Powered by DW Question & Answer Pro