-
-
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 7 years, 7 months ago by Bluebox.
-
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 7 years, 7 months ago by Bluebox.
- This reply was modified 7 years, 7 months ago by Bluebox.
- This reply was modified 7 years, 7 months ago by Bluebox.
- This reply was modified 7 years, 7 months ago by Bluebox.
- This reply was modified 7 years, 7 months ago by Bluebox.
- This reply was modified 7 years, 7 months ago by Bluebox.
-
Hello,
Glad to know you found the answer. Thanks for sharing!
Best regards!
-
You must be logged in to reply to this topic.