Posts not aligned correctly

• 

  muratbey987 · Member · Apr 7, 2018 at 9:53 am

  • Copy link
  • Add topic to favorites

  bottom posts slipped to the right as you can see with red lines in the picture.

  how can i solve this problem?

  there is my frontpage codes here:

  <?php get_header(); ?>
  <section class="container">
   
  
       
  
           
  
           
  
                3
        ); ?>
        have_posts()): $entries->the_post(); ?>
  
               
  
  
                
  
         'img-responsive') ); ?>
                    
  
                    
  
                      Published on:  
                    
                    
  
                      By: 
                    
                    " class="btn btn-success">Read more
                
            </div>
  
        <?php endwhile; wp_reset_postdata(); ?></div>
       </div>
   </div>
  
   
  
        
   
   </div>
  
   
  
       
    3
        ); ?>
        have_posts()): $entries->the_post(); ?>
  
               
  
  
                
  
         'img-responsive') ); ?>
                    
  
                    
  
                      Published on:  
                    
                    
  
                      By: 
                    
                    " class="btn btn-success">Read more
                
            </div>
  
        <?php endwhile; wp_reset_postdata(); ?></div>
  
   </div>
  </section>
  also there is my style.css codes here :
  section.content {
    padding: 20px;
  }
  section.content .entry {
    margin-bottom: 20px;
  }
  div.entry-content  {
    background-color: #ffffff;
    padding: 20px;
    text-align: center;
    min-height: 270px;
  }
  div.entry-content h3 {
    font-family: 'Libre Baskersville', serif;
    line-height: 24px;
    margin:0;
    font-size:20px;
    margin-bottom: 30px;
    font-weight: 700;
  }
  div.entry-content p {
    text-transform: uppercase;
    font-weight: bold;
  }
  div.entry-content span {
    color:#db008d;
    font-weight: bold;
  }
  .btn.btn-success {
    background-color: #008fd1;
    color:#ffffff;
    border:none;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 50px;
    margin-top: 20px;
    transition: all .3s ease;
  }
  .btn.btn-success:hover {
    background-color: #0070a3;
  }
  
  
  
  
  
  
  
  
  
  
  				
  					

• 

  muratbey987 · Member · Apr 7, 2018 at 9:56 am

  • Copy link

  this is the picture : https://resmim.net/f/U8TUo8.png

• 

  thesacredpath · Member · Apr 9, 2018 at 6:41 pm

  • Copy link

  Hi there, This is likely a CSS issue, but without being able to use my web inspector directly on your site, it’s nearly impossible to tell what is causing the issue. If your site is active, can I have a link to it so that I can take a look?

• 

  muratbey987 · Member · Apr 9, 2018 at 8:16 pm

  • Copy link

  i work on localhost.I actually discovered that it is more of a css problem.I need that colons of equal length and equal width from <div class=”entry-content”>.thank you in advance for your interest

  <section class="container">
   <div class="row">
       <div class="col-lg-8 bg-danger">
           <div class="row">
           <div class="col-lg-12 bg-info">
               <?php $args= array(
          'posts_per_page' => 3
        ); ?>
        <?php $entries =  new WP_Query($args); while($entries->have_posts()): $entries->the_post(); ?>
  
               <div class="col-lg-6 entry" >
  
                <div class="entry-content">
        <?php the_post_thumbnail('entry',  array('class' => 'img-responsive') ); ?>
                    <h3><?php the_title(); ?></h3>
                    <p>
                      Published on: <span> <?php the_time(get_option('date_format') ); ?></span>
                    </p>
                    <p>
                      By: <span><?php the_author(); ?></span>
                    </p>
                    <a href="<?php the_permalink(); ?>" class="btn btn-success">Read more</a>
                </div>
            </div>
  
        <?php endwhile; wp_reset_postdata(); ?></div>
       </div>
   </div>

• 

  thesacredpath · Member · Apr 9, 2018 at 11:33 pm

  • Copy link

  Without being able to see your site, I cannot at this time even guess what the CSS issues might be, and trying to reproduce all your customizations and configuration on my test site just isn’t possible.

  You might consider posting at https://jobs.wordpress.net to see if anyone can help you and how much it will cost.

  The other option, given you are self-hosting your own WordPress installation, would be to see if someone at https://wordpress.org/support/ can help out.