Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Single Blog Post in 2 Clumn Layout

2 columnlayoutpostRowsingle post
    • 9 years, 4 months ago Bluebox
      Participant

      Expired

      Hi there,

      I would like to change the single-blog-layout without sidebar. Standard is a one row layout. I would like to change it to a two row layout (50% – 50%). The featured image at the left side, title and text on the right side.

      I suggest I have to customize the single.php but my PHP skills aren’t that good.

      Is there any possibility to achive this?

      Thank you so much for your help :-)

      Cheers, Bluebox

      • This topic was modified 9 years, 4 months ago by Bluebox.
    • 9 years, 4 months ago Bluebox
      Participant

      Expired

      Soooo I solved it on my own :-) It’s not such a big deal as i thought. Maybe it’s not the most professional solution but I will share it here if you would like to achieve the same 2 column layout:

      1. Open the single.php and replace this code on line 35:

      <div class="span<?php echo esc_attr($spancontent) ?>">

      with this code:

      <div class="spanblog">
      
      <!--?php get_template_part( 'includes/view/blog/loop', 'left' ); ?-->
      <!--?php //codeless_author_box(); ?-->
      <!--?php wp_link_pages() ?-->
      <!--?php comments_template( '/includes/view/blog/comments.php'); ?-->
      
      </div>
      <div class="spanblog">
      
      <!--?php get_template_part( 'includes/view/blog/loop', 'right' ); ?-->
      <!--?php //codeless_author_box(); ?-->
      <!--?php wp_link_pages() ?-->
      <!--?php comments_template( '/includes/view/blog/comments.php'); ?-->
      
      </div>

      2. Paste this code in your Custom-CSS:

      .spanblog {
      width:48%;
      margin-left:0px!important;
      padding-left:1%!important;
      padding-right:1%!important;
      }
      
      .blog-article.standard-style .media {
      margin-top:5px !important;
      }
      
      .blog-article.standard-style .content {
      padding-top:0px !important;
      }
      
      .nav-growpop a {
      top: 30% !important;
      }

      3. Go to Specular/includes/view/blog/ and duplicate the file “loop-index.php” twice.
      Rename one “loop-right.php” and the other one “loop-left.php”

      4. Edit the file “loop-left.php”. On line 5 replace the codeline with this one:

      do_action('codeless_excecute_query_var_action','loop-left');

      Also deactivate the whole div section class=”content” by changing this codelines:

      Line 141:

      <!--div class="content">

      Line 266:

      </div-->

      5. Edit the file “loop-right.php”. On line 5 replace the codeline with this one:

      do_action('codeless_excecute_query_var_action','loop-right');

      Also deactivate the whole div section class=”media” by changing this codelines:

      Replace line 80:

      <!--div class="media">

      Replace line 81:

      <!--
      <div class="post_type"><i class="moon-<?php echo $icon_class ?>"></i></div>
      >

      Replace line 139:

      </div-->

      6. Be sure your post is set as a fullwith post without sidebar. Specular-Options -> Blog Config -> “Layout” & “Single Post Layout”

      • This reply was modified 9 years, 4 months ago by Bluebox.
      • This reply was modified 9 years, 4 months ago by Bluebox.
      • This reply was modified 9 years, 4 months ago by Bluebox.
      • This reply was modified 9 years, 4 months ago by Bluebox.
      • This reply was modified 9 years, 4 months ago by Bluebox.
      • This reply was modified 9 years, 4 months ago by Bluebox.
    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      Glad to know you found the answer. Thanks for sharing!

      Best regards!

Viewing 2 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password