{"id":16697,"date":"2019-02-08T16:00:34","date_gmt":"2019-02-08T21:00:34","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=16697"},"modified":"2020-03-24T09:36:51","modified_gmt":"2020-03-24T13:36:51","slug":"how-to-add-spacing-in-boldgrid-galleries","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-inspirations-plugin-product-guide\/how-to-add-spacing-in-boldgrid-galleries\/","title":{"rendered":"How to Add Spacing in BoldGrid Galleries"},"content":{"rendered":"\n

When you are building a WordPress website<\/a>, one of the settings that are often left to default when you add a BoldGrid Gallery is the spacing between the images. The space between image rows (if you have more than one) is called a gutter<\/em>. By default, the gutter setting is set to 0 pixels. You can use the settings for the gallery and easily change it so that you have some separation between the images in your gallery. You will need to have added a BoldGrid Gallery<\/a><\/span> before you can use the following instructions.<\/p>\n

Here’s how a default gallery looks when you add it without changing any of the settings. Notice that the rows of pictures are basically on top of each other.<\/p>\n

\n
Click on the Gallery <\/span>to select and highlight it. You’ll know that you have selected it by the blue outline around the gallery<\/li>\n<\/ul>\n
\n
Click on the pencil icon to edit the gallery<\/li>\n<\/ul>\n
$\"\"$ <\/p>\n
\n
When you’re on the Edit Gallery<\/strong> page you will notice the settings on the right. Click on the Gutter Width<\/strong> option drop-down arrow. Then select 10 px.<\/li>\n<\/ul>\n\n
Click on Update <\/span>gallery<\/li>\n<\/ul>\n
$\"\"$ <\/p>\n
You will now see the space between the rows of pictures in your galleries. You can adjust this setting to meet your specific needs.<\/p>\n
\n
Click on Update <\/span>or Publish <\/span>in the top right corner to save the changes to your page or post<\/li>\n<\/ul>\n
Congratulations! You have learned how to add spacing between the pictures in your gallery, which is just one of the many steps needed while you are creating a WordPress website<\/a>!<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"
When you are building a WordPress website, one of the settings that are often left to default when you add a BoldGrid Gallery is the spacing between the images. The space between image rows (if you have more than one) is called a gutter. By default, the gutter setting is set to 0 pixels. You […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[146],"tags":[132],"class_list":["post-16697","post","type-post","status-publish","format-standard","hentry","category-boldgrid-inspirations-plugin-product-guide","tag-gallery","feature-type-free","experience-level-getting-started"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/16697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=16697"}],"version-history":[{"count":7,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/16697\/revisions"}],"predecessor-version":[{"id":19073,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/16697\/revisions\/19073"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=16697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=16697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=16697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}