Gallery Widget in Allowed Header Section – Clean Home Theme

• 

  shakuntalamodi · Member · May 19, 2015 at 2:06 pm

  • Copy link
  • Add topic to favorites

  4 book images behave nicely with the gallery widget in the header section of this theme. They are inline, centered, and all the same size (thumbnail) with a bit of code that includes margin 0.

  When I add the 5th book image, the aesthetics break down. At first, the books become left aligned, use two rows instead of one, with the last two books enlarged to something greater than thumbnail. By adding a second snippet of code, I can get all the 5 books inline BUT, it is still left aligned AND the last two books remain mis-sized. I would like to recenter the 5 books and keep all five books the same thumbnail size. The header space for widgets appears to span the entire page from left to right – no bumping up against any sidebar or anything

  Here is the CSS code thus far…

  div.gallery-row {
  margin: 0 auto;
  display: inline;
  }

  Any help with code to fix the problem would be greatly appreciated!

  The blog I need help with is: (visible only to logged in users)

• 

  staff-jeanpierreac · Staff · May 19, 2015 at 2:41 pm

  • Copy link

  Hi!

  I think I answered you here: https://en.forums.wordpress.com/topic/gallery-widget-in-allowed-header-section-clean-home-theme?replies=2#post-2385870

  let me know it it is ok :)

• 

  shakuntalamodi · Member · May 19, 2015 at 4:41 pm

  • Copy link

  No, I’m so sorry. That one does not work for this problem…

• 

  thesacredpath · Member · May 27, 2015 at 8:01 pm

  • Copy link

  Hi @shakuntalamodi, I’m seeing 5 books aligned and all the same size on your main page. It looks like you have gotten this straightened out, am I right? If not please let me know.