Title: Alignment Issue Post Summary Page
Last modified: November 7, 2017

---

# Alignment Issue Post Summary Page

 *  [vbaaccess](https://wordpress.org/support/users/vbaaccess/)
 * (@vbaaccess)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/)
 * Just upgraded to latest version of Sydney Theme. I have 6 post summaries, 2 rows
   and 3 columns. The featured image on the first row is aligned to the top. Subsequent
   row the featured images are not align to top (Staircase effect). If I reduce 
   the browser width the number of columns goes from 3 to 2 the featured images 
   are aligned correctly. If press F5 to refresh the page the featured images are
   no longer aligned to the top. If I increase the browser width the number of columns
   changes from 2 to 3 then alignment is correct. If I press F5 again the alignment
   is wrong.
 * Seems to me a bug has been introduced with version of Sydney theme. Issue happens
   in Chrome and Firefox.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Falignment-issue-post-summary-page%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 14 replies - 1 through 14 (of 14 total)

 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9661551)
 * Hello there,
 * Please try adding this CSS code to Appearance > Customize > Additional CSS from
   dashboard.
 *     ```
       .masonry-layout .hentry {
         float: left;  
       }  
       ```
   
 * If site cache applied, you’re required to flush it. Otherwise, the code addition
   won’t take any effect.
 * [https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens](https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens)
 * Let me know how it goes.
 * Regards,
    Kharis
 *  Thread Starter [vbaaccess](https://wordpress.org/support/users/vbaaccess/)
 * (@vbaaccess)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9661718)
 * Hi Kharis,
 * Tried your CSS code it made difference. Image alignment does work properly.
 * I think I worked out what’s happening. When you resize your browser window, the
   post summary elements will change their order sequence and the alignment works.
   Refresh the page and the post summary elements order sequence changes and the
   alignment does not work. There is something in your code that is changing order
   sequence of the post summary.
 * I have taken screen captures showing the behavior. I can email them to you.
 * URL: [http://www.coolangattaseniors.com.au/latest-news/](http://www.coolangattaseniors.com.au/latest-news/)
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9661813)
 * Hello there,
 * Not sure if sharing email address would be accepted here. As this support forum
   can’t process direct image attachment, you can use file hosting service like 
   Google Drive or Cloudup.com to upload your files, and share their links here.
 * Regards,
    Kharis
 *  Thread Starter [vbaaccess](https://wordpress.org/support/users/vbaaccess/)
 * (@vbaaccess)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9662170)
 * Hi Kharis,
 * Sorry, I was not sure how to share screen captures.
 * I have uploaded the screen captures to my Google Drive account. Click on links
   below:
 * [https://drive.google.com/file/d/1y9xUUw42X1ZjEjCSXyu4zd1am89MQfpe/view?usp=sharing](https://drive.google.com/file/d/1y9xUUw42X1ZjEjCSXyu4zd1am89MQfpe/view?usp=sharing)
   
   [https://drive.google.com/file/d/15if0sgnniM-zmCyAwyLalhJUY8M0ILRz/view?usp=sharing](https://drive.google.com/file/d/15if0sgnniM-zmCyAwyLalhJUY8M0ILRz/view?usp=sharing)
 * Kind regards
 *  Thread Starter [vbaaccess](https://wordpress.org/support/users/vbaaccess/)
 * (@vbaaccess)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9668999)
 * Hi Kharis,
 * If rename masonry-init.js.disabled file in the “wp-content/themes/sydney/inc”
   folder, the alignment issue when refreshing Latest News page goes away. There
   is something in the JavaScript code that has change since the previous version
   of the Sydney theme.
 * Kind regards
 *  Thread Starter [vbaaccess](https://wordpress.org/support/users/vbaaccess/)
 * (@vbaaccess)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9669008)
 * I made a typo error.
 * Should be, if rename **masonry-init.js.disabled** file in the “**wp-content/themes/
   sydney/js**” folder, the alignment issue goes away. Just loose the cool effects
   of elements moving around the page.
 * Kind regards.
 *  Thread Starter [vbaaccess](https://wordpress.org/support/users/vbaaccess/)
 * (@vbaaccess)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9669230)
 * I found work around open Sydney theme functions.php file search for “masonary”
   and comment out the following lines:
 * /* if ( get_theme_mod(‘blog_layout’) == ‘masonry-layout’ && (is_home() || is_archive())){
   
   wp_enqueue_script( ‘sydney-masonry-init’, get_template_directory_uri() . ‘/js/
   masonry-init.js’, array(‘masonry’),”, true ); } */
 * This will stop the masonry-init.js file from calling masonary.min.js main file.
 * Kind regards
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9679355)
 * Hello there,
 * To exclude theme’s script from your site safely, you can use [wp_dequeue_script() function](https://codex.wordpress.org/Function_Reference/wp_dequeue_script).
 * To exclude the _masonry-init.js_ file of Sydney theme, use this PHP code:
 *     ```
       add_action( 'wp_print_scripts', 'sydney_child_dequeue_scripts', 999 );
       function sydney_child_dequeue_scripts() {
         wp_dequeue_script('sydney-masonry-init');
       }
       ```
   
 * add it to your [child theme](https://codex.wordpress.org/Child_Themes)‘s functions.
   php file or use functionality plugin like [Code snippets](https://id.wordpress.org/plugins/code-snippets/).
   You should avoid editing the main theme’s files directly as they’ll be overwritten
   when you update the theme.
 * Regards,
    Kharis
 *  Thread Starter [vbaaccess](https://wordpress.org/support/users/vbaaccess/)
 * (@vbaaccess)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9679672)
 * Hi Kharis,
 * I have added your code to my child theme functions.php file and it works. I reverted
   the parent theme functions.php file to the original code.
 * BTW, is there a way to increase the number of posts summaries on the home page.
   I know you can change it from 3 to 6 but this requires making changes to parent
   fp-latest-news.php file. I tried to do it in the child theme functions.php but
   hit a number of error messages so I gave up. I just have to remember to replace
   the fp-latest-news.php if the Sydney theme is updated. I know its not ideal.
 * Kind regards
    Tony
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9679794)
 * Hello there,
 * From your site dashboard, go to Settings > Reading; then specify number of maximum
   posts on “Blog pages show at most” option.
 * Regards,
    Kharis
 *  Thread Starter [vbaaccess](https://wordpress.org/support/users/vbaaccess/)
 * (@vbaaccess)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9680163)
 * Hi Kharis,
 * I had it set as 9999 in the readings settings which does not make any difference.
   The **Latest News Post Summarizes** by default is set to 3 in the **fp-latest-
   news.php** file.
 * Thank you anyway.
 * Tony
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9683735)
 * Hello there,
 * The alternative solution for it is to load the widget from child theme. So you
   can edit the code that belongs to your child theme without affecting any changes
   upon updating. I’ve written some steps for this, which you can follow here in
   [this discussion](https://forums.athemes.com/t/add-a-social-link-linkedin-under-employee-photo/14156/2).
 * Regards,
    Kharis
 *  Thread Starter [vbaaccess](https://wordpress.org/support/users/vbaaccess/)
 * (@vbaaccess)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9695540)
 * Hi Kharis,
 * I have implemented the code with the above link.
 * I can display 6 latest news post summaries on the home page.
 * Thank you very much.
 * Tony
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9695863)
 * You’re welcome!
 * Please let us know in a new topic if you have any further questions, or if we
   can provide you with any other assistance.
 * Regards,
    Kharis

Viewing 14 replies - 1 through 14 (of 14 total)

 The topic ‘Alignment Issue Post Summary Page’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sydney/2.71/screenshot.png)
 * Sydney
 * [Support Threads](https://wordpress.org/support/theme/sydney/)
 * [Active Topics](https://wordpress.org/support/theme/sydney/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sydney/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sydney/reviews/)

## Tags

 * [alignment issue](https://wordpress.org/support/topic-tag/alignment-issue/)

 * 14 replies
 * 2 participants
 * Last reply from: [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * Last activity: [8 years, 10 months ago](https://wordpress.org/support/topic/alignment-issue-post-summary-page/#post-9695863)
 * Status: not resolved