Margin blog posts
-
Hi,
I have the blog archive and the single posts in “Gutenberg layout”, and enabled to show the featured image on both, and the title above featured image. But I noticed that the margin around the featured image are different for archive and single post. I could not find any setting to change the top margin (between title and featured image) and bottom margin (below featured image and content) for both archives and single posts. Where can I find and adjust these?Thank you.
-
Hi @andi0tx
Could you please post your website’s links so we can see what we’re working with? It is really hard to figure out something from a short description.
Thanks!
@cteduard please see these screenshots:
1
2The first one is from the bog post archive and the second from single post (the layout is the same – Gutenberg layout in the customizer settings). The spacing between the entry title is different though on the blog archive page vs the single post page, and the spacing below the featured image is different again. I want everywhere the same.
Hello @andi0tx
I understand, but these screenshots do not tell any story. Please post your website’s URLs so we can check what’s happening. Otherwise, I’m afraid that we won’t be able to give out advice.
Thank you for understanding.
Hi,
unfortunately my site is not live yet. Could you please do the following steps:– set archive for blog posts to Gutenberg layout(the last layout in the list)
– set single blog post layout to Gutenberg layout
– enable featured image for both
– disable meta display for both
– set the order to title first, then featured image, then entry content for both
– now look at blog post archive and single post and compare the mentioned spacings.Thanks.
Hello @andi0tx
This isn’t going to work, I’m afraid. There’s no “Gutenberg” layout for single posts, so I’m not sure what I should select there.
Here’s one other method we could get these settings transferred. Can you go to the Customiser -> General -> Manage Options and export the customiser settings from there and send them our way? — https://ibb.co/q0gvWDT
Thanks!
If you hover over the different layout options there is a tooltip saying Gutenberg if you hover over the last layout…
Where can I send the file to? I don’t want it public…
Thanks!
Hi @andi0tx
You can send the file to support @ creativethemes . zendesk . com
Though there’s no personal data attached to it, so it wouldn’t be a problem if it’s public.
Thanks.
a:5:{s:8:"template";s:7:"blocksy";s:8:"site_url";s:22:"";s:4:"mods";a:21:{i:0;b:0;s:18:"nav_menu_locations";a:0:{}s:38:"blocksy_woocommerce_thumbnail_cropping";s:10:"predefined";s:18:"custom_css_post_id";i:-1;s:16:"sidebars_widgets";a:2:{s:4:"time";i:1667980044;s:4:"data";a:8:{s:19:"wp_inactive_widgets";a:0:{}s:9:"sidebar-1";a:0:{}s:19:"ct-footer-sidebar-1";a:0:{}s:19:"ct-footer-sidebar-2";a:0:{}s:19:"ct-footer-sidebar-3";a:0:{}s:19:"ct-footer-sidebar-4";a:0:{}s:19:"ct-footer-sidebar-5";a:0:{}s:19:"ct-footer-sidebar-6";a:0:{}}}s:14:"blog_structure";s:9:"gutenberg";s:18:"blog_archive_order";a:7:{i:0;a:6:{s:2:"id";s:9:"post_meta";s:7:"enabled";b:0;s:13:"meta_elements";a:5:{i:0;a:5:{s:2:"id";s:6:"author";s:7:"enabled";b:0;s:5:"label";s:2:"By";s:17:"has_author_avatar";s:2:"no";s:11:"avatar_size";i:25;}i:1;a:5:{s:2:"id";s:9:"post_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:2;a:5:{s:2:"id";s:12:"updated_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:3;a:4:{s:2:"id";s:10:"categories";s:7:"enabled";b:1;s:5:"label";s:2:"In";s:5:"style";s:6:"simple";}i:4;a:2:{s:2:"id";s:8:"comments";s:7:"enabled";b:0;}}s:9:"meta_type";s:6:"simple";s:12:"meta_divider";s:5:"slash";s:4:"__id";s:21:"H6rbtYYXK87719fthlqgK";}i:1;a:4:{s:2:"id";s:5:"title";s:11:"heading_tag";s:2:"h2";s:7:"enabled";b:1;s:4:"__id";s:21:"lrR3-2vQ8oXUWTzJh74DR";}i:2;a:6:{s:2:"id";s:14:"featured_image";s:11:"thumb_ratio";s:8:"original";s:12:"is_boundless";s:3:"yes";s:10:"image_size";s:12:"medium_large";s:7:"enabled";b:1;s:4:"__id";s:21:"keqDVnaw9XcVWnYeqnJSX";}i:3;a:5:{s:2:"id";s:7:"excerpt";s:14:"excerpt_length";s:2:"40";s:7:"enabled";b:1;s:4:"__id";s:21:"z6SBZsV42AY4n1up-Juog";s:14:"excerpt_source";s:4:"full";}i:4;a:4:{s:2:"id";s:9:"read_more";s:11:"button_type";s:10:"background";s:7:"enabled";b:0;s:4:"__id";s:21:"K42GuRrGYMtPDrcBNiJP2";}i:5;a:6:{s:2:"id";s:9:"post_meta";s:7:"enabled";b:0;s:13:"meta_elements";a:5:{i:0;a:5:{s:2:"id";s:6:"author";s:7:"enabled";b:1;s:5:"label";s:2:"By";s:17:"has_author_avatar";s:2:"no";s:11:"avatar_size";i:25;}i:1;a:5:{s:2:"id";s:9:"post_date";s:7:"enabled";b:1;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:2;a:5:{s:2:"id";s:12:"updated_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:3;a:4:{s:2:"id";s:10:"categories";s:7:"enabled";b:0;s:5:"label";s:2:"In";s:5:"style";s:6:"simple";}i:4;a:2:{s:2:"id";s:8:"comments";s:7:"enabled";b:1;}}s:9:"meta_type";s:6:"simple";s:12:"meta_divider";s:5:"slash";s:4:"__id";s:21:"JhVqf8lnOEJBVrvsugjmT";}i:6;a:3:{s:2:"id";s:7:"divider";s:7:"enabled";b:0;s:4:"__id";s:21:"TQm9rorQ6CijUgxjkCGmZ";}}s:30:"single_blog_post_hero_elements";a:4:{i:0;a:5:{s:2:"id";s:12:"custom_title";s:7:"enabled";b:1;s:11:"heading_tag";s:2:"h1";s:5:"title";s:4:"Home";s:4:"__id";s:21:"DNbrV_2WDSJ0cA9bcwQXY";}i:1;a:4:{s:2:"id";s:18:"custom_description";s:7:"enabled";b:0;s:22:"description_visibility";a:3:{s:7:"desktop";b:1;s:6:"tablet";b:1;s:6:"mobile";b:0;}s:4:"__id";s:21:"DuL_cAsayaJkJ42ZrG4q0";}i:2;a:5:{s:2:"id";s:11:"custom_meta";s:7:"enabled";b:0;s:13:"meta_elements";a:5:{i:0;a:5:{s:2:"id";s:6:"author";s:7:"enabled";b:1;s:5:"label";s:2:"By";s:17:"has_author_avatar";s:3:"yes";s:11:"avatar_size";i:25;}i:1;a:5:{s:2:"id";s:9:"post_date";s:7:"enabled";b:1;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:2;a:5:{s:2:"id";s:12:"updated_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:3;a:4:{s:2:"id";s:10:"categories";s:7:"enabled";b:1;s:5:"label";s:2:"In";s:5:"style";s:6:"simple";}i:4;a:2:{s:2:"id";s:8:"comments";s:7:"enabled";b:1;}}s:18:"page_meta_elements";a:3:{s:6:"joined";b:1;s:14:"articles_count";b:1;s:8:"comments";b:1;}s:4:"__id";s:21:"5-_lww-PRHCRuNaj1VX1i";}i:3;a:3:{s:2:"id";s:11:"breadcrumbs";s:7:"enabled";b:0;s:4:"__id";s:21:"ytGvxcYLhPYH8yrBxROQ-";}}s:35:"single_blog_post_has_featured_image";s:3:"yes";s:20:"categories_structure";s:9:"gutenberg";s:24:"categories_archive_order";a:7:{i:0;a:6:{s:2:"id";s:9:"post_meta";s:7:"enabled";b:0;s:13:"meta_elements";a:5:{i:0;a:5:{s:2:"id";s:6:"author";s:7:"enabled";b:0;s:5:"label";s:2:"By";s:17:"has_author_avatar";s:2:"no";s:11:"avatar_size";i:25;}i:1;a:5:{s:2:"id";s:9:"post_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:2;a:5:{s:2:"id";s:12:"updated_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:3;a:4:{s:2:"id";s:10:"categories";s:7:"enabled";b:1;s:5:"label";s:2:"In";s:5:"style";s:6:"simple";}i:4;a:2:{s:2:"id";s:8:"comments";s:7:"enabled";b:0;}}s:9:"meta_type";s:6:"simple";s:12:"meta_divider";s:5:"slash";s:4:"__id";s:21:"XEGAjXTtGMT7yEO-TKqgr";}i:1;a:4:{s:2:"id";s:5:"title";s:11:"heading_tag";s:2:"h2";s:7:"enabled";b:1;s:4:"__id";s:21:"ONNJbsKrEfLSh5P7_bls_";}i:2;a:6:{s:2:"id";s:14:"featured_image";s:11:"thumb_ratio";s:8:"original";s:12:"is_boundless";s:3:"yes";s:10:"image_size";s:12:"medium_large";s:7:"enabled";b:1;s:4:"__id";s:21:"j4ZkTMf85p79ZZzc06qXP";}i:3;a:5:{s:2:"id";s:7:"excerpt";s:14:"excerpt_length";s:2:"40";s:7:"enabled";b:1;s:4:"__id";s:21:"Q-6oDarfOWJJUOED2dAzu";s:14:"excerpt_source";s:4:"full";}i:4;a:4:{s:2:"id";s:9:"read_more";s:11:"button_type";s:10:"background";s:7:"enabled";b:0;s:4:"__id";s:21:"vV9fxIdOchCnbv6xtWwsS";}i:5;a:6:{s:2:"id";s:9:"post_meta";s:7:"enabled";b:0;s:13:"meta_elements";a:5:{i:0;a:5:{s:2:"id";s:6:"author";s:7:"enabled";b:1;s:5:"label";s:2:"By";s:17:"has_author_avatar";s:2:"no";s:11:"avatar_size";i:25;}i:1;a:5:{s:2:"id";s:9:"post_date";s:7:"enabled";b:1;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:2;a:5:{s:2:"id";s:12:"updated_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:3;a:4:{s:2:"id";s:10:"categories";s:7:"enabled";b:0;s:5:"label";s:2:"In";s:5:"style";s:6:"simple";}i:4;a:2:{s:2:"id";s:8:"comments";s:7:"enabled";b:1;}}s:9:"meta_type";s:6:"simple";s:12:"meta_divider";s:5:"slash";s:4:"__id";s:21:"MLhaObzaZM7TqRZkxoK63";}i:6;a:3:{s:2:"id";s:7:"divider";s:7:"enabled";b:0;s:4:"__id";s:21:"H3jKD8OU9FnNvMUjqe2h3";}}s:25:"single_page_hero_elements";a:4:{i:0;a:5:{s:2:"id";s:12:"custom_title";s:7:"enabled";b:1;s:11:"heading_tag";s:2:"h1";s:5:"title";s:4:"Home";s:4:"__id";s:21:"ObMjvdzwh2wnNb2kcKMzZ";}i:1;a:4:{s:2:"id";s:18:"custom_description";s:7:"enabled";b:0;s:22:"description_visibility";a:3:{s:7:"desktop";b:1;s:6:"tablet";b:1;s:6:"mobile";b:0;}s:4:"__id";s:21:"322khWgO9HjRhipn0z6jM";}i:2;a:5:{s:2:"id";s:11:"custom_meta";s:7:"enabled";b:0;s:13:"meta_elements";a:5:{i:0;a:5:{s:2:"id";s:6:"author";s:7:"enabled";b:1;s:5:"label";s:2:"By";s:17:"has_author_avatar";s:3:"yes";s:11:"avatar_size";i:25;}i:1;a:5:{s:2:"id";s:9:"post_date";s:7:"enabled";b:1;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:2;a:5:{s:2:"id";s:12:"updated_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:3;a:4:{s:2:"id";s:10:"categories";s:7:"enabled";b:0;s:5:"label";s:2:"In";s:5:"style";s:6:"simple";}i:4;a:2:{s:2:"id";s:8:"comments";s:7:"enabled";b:1;}}s:18:"page_meta_elements";a:3:{s:6:"joined";b:1;s:14:"articles_count";b:1;s:8:"comments";b:1;}s:4:"__id";s:21:"VT5l8x0GbJAo84Hi2q20y";}i:3;a:3:{s:2:"id";s:11:"breadcrumbs";s:7:"enabled";b:0;s:4:"__id";s:21:"kEKaJRaNfLvMNOIQvXTWb";}}s:24:"single_page_has_comments";s:2:"no";s:19:"author_hero_section";s:6:"type-1";s:20:"author_hero_elements";a:5:{i:0;a:7:{s:2:"id";s:12:"custom_title";s:7:"enabled";b:1;s:11:"heading_tag";s:2:"h1";s:5:"title";s:4:"Home";s:17:"has_author_avatar";s:2:"no";s:18:"author_avatar_size";i:60;s:4:"__id";s:21:"FLxJNZvjqOXaIvpbNUbvv";}i:1;a:4:{s:2:"id";s:18:"custom_description";s:7:"enabled";b:0;s:22:"description_visibility";a:3:{s:7:"desktop";b:1;s:6:"tablet";b:1;s:6:"mobile";b:0;}s:4:"__id";s:21:"DsXKY92Ue6zTJd2_BpUje";}i:2;a:5:{s:2:"id";s:11:"custom_meta";s:7:"enabled";b:0;s:13:"meta_elements";a:5:{i:0;a:5:{s:2:"id";s:6:"author";s:7:"enabled";b:1;s:5:"label";s:2:"By";s:17:"has_author_avatar";s:3:"yes";s:11:"avatar_size";i:25;}i:1;a:5:{s:2:"id";s:9:"post_date";s:7:"enabled";b:1;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:2;a:5:{s:2:"id";s:12:"updated_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:3;a:4:{s:2:"id";s:10:"categories";s:7:"enabled";b:1;s:5:"label";s:2:"In";s:5:"style";s:6:"simple";}i:4;a:2:{s:2:"id";s:8:"comments";s:7:"enabled";b:1;}}s:18:"page_meta_elements";a:3:{s:6:"joined";b:1;s:14:"articles_count";b:1;s:8:"comments";b:1;}s:4:"__id";s:21:"dnbcV3chzZuPyP_pMF88j";}i:3;a:3:{s:2:"id";s:22:"author_social_channels";s:7:"enabled";b:0;s:4:"__id";s:21:"SJCrnplGPfoIOMRhLsrVk";}i:4;a:3:{s:2:"id";s:11:"breadcrumbs";s:7:"enabled";b:0;s:4:"__id";s:21:"08RQOXB6yjpnJdgb6i2uG";}}s:16:"author_structure";s:9:"gutenberg";s:20:"author_archive_order";a:7:{i:0;a:6:{s:2:"id";s:9:"post_meta";s:7:"enabled";b:0;s:13:"meta_elements";a:5:{i:0;a:5:{s:2:"id";s:6:"author";s:7:"enabled";b:0;s:5:"label";s:2:"By";s:17:"has_author_avatar";s:2:"no";s:11:"avatar_size";i:25;}i:1;a:5:{s:2:"id";s:9:"post_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:2;a:5:{s:2:"id";s:12:"updated_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:3;a:4:{s:2:"id";s:10:"categories";s:7:"enabled";b:1;s:5:"label";s:2:"In";s:5:"style";s:6:"simple";}i:4;a:2:{s:2:"id";s:8:"comments";s:7:"enabled";b:0;}}s:9:"meta_type";s:6:"simple";s:12:"meta_divider";s:5:"slash";s:4:"__id";s:21:"AQsa_E34mhSY6t2CCIzn5";}i:1;a:4:{s:2:"id";s:5:"title";s:11:"heading_tag";s:2:"h2";s:7:"enabled";b:1;s:4:"__id";s:21:"WhRLVwgV8L99dojpU6Yt8";}i:2;a:6:{s:2:"id";s:14:"featured_image";s:11:"thumb_ratio";s:8:"original";s:12:"is_boundless";s:3:"yes";s:10:"image_size";s:12:"medium_large";s:7:"enabled";b:1;s:4:"__id";s:21:"zUKt2vbQ2wynWF9-0mou4";}i:3;a:5:{s:2:"id";s:7:"excerpt";s:14:"excerpt_length";s:2:"40";s:7:"enabled";b:1;s:4:"__id";s:21:"Cy_i1kLNmBraMPaq3C-dX";s:14:"excerpt_source";s:4:"full";}i:4;a:4:{s:2:"id";s:9:"read_more";s:11:"button_type";s:10:"background";s:7:"enabled";b:0;s:4:"__id";s:21:"CSdtAIMYDSyUFL-EVXysZ";}i:5;a:6:{s:2:"id";s:9:"post_meta";s:7:"enabled";b:0;s:13:"meta_elements";a:5:{i:0;a:5:{s:2:"id";s:6:"author";s:7:"enabled";b:1;s:5:"label";s:2:"By";s:17:"has_author_avatar";s:2:"no";s:11:"avatar_size";i:25;}i:1;a:5:{s:2:"id";s:9:"post_date";s:7:"enabled";b:1;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:2;a:5:{s:2:"id";s:12:"updated_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:3;a:4:{s:2:"id";s:10:"categories";s:7:"enabled";b:0;s:5:"label";s:2:"In";s:5:"style";s:6:"simple";}i:4;a:2:{s:2:"id";s:8:"comments";s:7:"enabled";b:1;}}s:9:"meta_type";s:6:"simple";s:12:"meta_divider";s:5:"slash";s:4:"__id";s:21:"skajugrsAKL_qRik_vPnG";}i:6;a:3:{s:2:"id";s:7:"divider";s:7:"enabled";b:0;s:4:"__id";s:21:"TCFyoyOHfOlacBC3QU-dV";}}s:20:"search_hero_elements";a:3:{i:0;a:5:{s:2:"id";s:12:"custom_title";s:7:"enabled";b:1;s:11:"heading_tag";s:2:"h1";s:5:"title";s:4:"Home";s:4:"__id";s:21:"FR6Xq1yZTe5Ei-0G9wJZs";}i:1;a:4:{s:2:"id";s:18:"custom_description";s:7:"enabled";b:0;s:22:"description_visibility";a:3:{s:7:"desktop";b:1;s:6:"tablet";b:1;s:6:"mobile";b:0;}s:4:"__id";s:21:"d6QhRyGNWhOx5HM9zl5X4";}i:2;a:3:{s:2:"id";s:11:"breadcrumbs";s:7:"enabled";b:0;s:4:"__id";s:21:"QYFLYuwRJrXanqD50jJVy";}}s:16:"search_structure";s:9:"gutenberg";s:20:"search_archive_order";a:7:{i:0;a:6:{s:2:"id";s:9:"post_meta";s:7:"enabled";b:0;s:13:"meta_elements";a:5:{i:0;a:5:{s:2:"id";s:6:"author";s:7:"enabled";b:0;s:5:"label";s:2:"By";s:17:"has_author_avatar";s:2:"no";s:11:"avatar_size";i:25;}i:1;a:5:{s:2:"id";s:9:"post_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:2;a:5:{s:2:"id";s:12:"updated_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:3;a:4:{s:2:"id";s:10:"categories";s:7:"enabled";b:1;s:5:"label";s:2:"In";s:5:"style";s:6:"simple";}i:4;a:2:{s:2:"id";s:8:"comments";s:7:"enabled";b:0;}}s:9:"meta_type";s:6:"simple";s:12:"meta_divider";s:5:"slash";s:4:"__id";s:21:"ciJsBHT_Xii9pD7YonNtR";}i:1;a:4:{s:2:"id";s:5:"title";s:11:"heading_tag";s:2:"h2";s:7:"enabled";b:1;s:4:"__id";s:21:"Ry7PdbIgAQcrQnLMEfsYS";}i:2;a:6:{s:2:"id";s:14:"featured_image";s:11:"thumb_ratio";s:8:"original";s:12:"is_boundless";s:3:"yes";s:10:"image_size";s:12:"medium_large";s:7:"enabled";b:1;s:4:"__id";s:21:"fcT4A7-LiBT5dDINUkKBs";}i:3;a:5:{s:2:"id";s:7:"excerpt";s:14:"excerpt_length";s:2:"40";s:7:"enabled";b:1;s:4:"__id";s:21:"lLZxMuvvau1P62C4myWen";s:14:"excerpt_source";s:4:"full";}i:4;a:4:{s:2:"id";s:9:"read_more";s:11:"button_type";s:10:"background";s:7:"enabled";b:0;s:4:"__id";s:21:"DJNnNt_cCtNs2cNzPEIpu";}i:5;a:6:{s:2:"id";s:9:"post_meta";s:7:"enabled";b:0;s:13:"meta_elements";a:5:{i:0;a:5:{s:2:"id";s:6:"author";s:7:"enabled";b:1;s:5:"label";s:2:"By";s:17:"has_author_avatar";s:2:"no";s:11:"avatar_size";i:25;}i:1;a:5:{s:2:"id";s:9:"post_date";s:7:"enabled";b:1;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:2;a:5:{s:2:"id";s:12:"updated_date";s:7:"enabled";b:0;s:5:"label";s:2:"On";s:18:"date_format_source";s:7:"default";s:11:"date_format";s:6:"M j, Y";}i:3;a:4:{s:2:"id";s:10:"categories";s:7:"enabled";b:0;s:5:"label";s:2:"In";s:5:"style";s:6:"simple";}i:4;a:2:{s:2:"id";s:8:"comments";s:7:"enabled";b:1;}}s:9:"meta_type";s:6:"simple";s:12:"meta_divider";s:5:"slash";s:4:"__id";s:21:"LUBA2sprMYBlWRxNu4yIA";}i:6;a:3:{s:2:"id";s:7:"divider";s:7:"enabled";b:0;s:4:"__id";s:21:"gFF_z6MpjuRh0v8L6y7FG";}}s:16:"dynamic_css_file";s:4:"file";}s:7:"options";a:2:{s:9:"site_icon";s:1:"0";s:23:"nav_menus_created_posts";a:0:{}}s:6:"wp_css";s:0:"";}
-
This reply was modified 2 years, 4 months ago by
andi0tx.
Hello @andi0tx
I’m really sorry, but the contents are not correct. Can you please zip up the file and upload it somewhere? I guarantee that no sensitive data is sent with it.
Also, I have tried a few times to replicate your settings. But again, I’m really sorry and they cannot be reproducible 1:1.
The single post pages have no “Gutenberg” option. Plus that the archive and singular pages are simply not constructed the same. The archive page has no “hero” section to contain the data (the hero is actually for the archive itself), while the single post page has this metadata inside the hero, as there’s no way to combine it with the content.
Maybe this could shed some light on what you’re experiencing. ??
But yes, to be able to confirm exactly what you’re experiencing and provide a resolution for it, we’ll either need to see the site directly, or export the customiser settings and send them our way. Information gets lost in transit and having a direct look is the best way.
Thank you!
Okay, let’s try this.
Thanks!
Hello @andi0tx
I’m really sorry, but if you modify the file beforehand it won’t work. Can you please provide the original file?…
Thanks!
Okay I have sent you an email just now!
Great, thanks! We’ll talk there once we see what’s happening.
OK, put the customiser settings up. And confirms my theory that you’re trying to adjust two different things that are not really related.
First, check out this video to understand easily how these pages are composed — https://streamable.com/nqgk98. You will see that the archive is composed of blog cards, while the singular page is composed of more modules.
Nevertheless, these can be easily adjustable with CSS. Though, take into consideration the other surrounding elements as well.
For the archive page —
[data-archive=default][data-layout=gutenberg] article>*+.ct-image-container { margin-top: 20px !important; margin-bottom: 20px !important; }
For the singular page —
.single-post .ct-featured-image { padding-bottom: 20px !important; }
The singular page’s top spacing is controlled via the Customiser -> General -> Layout -> Content Area Spacing, because the hero and featured image layers are separate modules on the page. One is the hero and the other is the content.
Of course adjust the values to taste.
Hope this helps!
Thanks.
Hey,
thanks! So that still did not make the spacing everywhere and for all screen-sizes the same, so I added this[data-archive=default][data-layout=gutenberg] article>*+.ct-image-container { margin-top: 25px !important; margin-bottom: 30px !important; } @media(min-width:1024px){ [data-archive=default][data-layout=gutenberg] article>*+.ct-image-container{ margin-bottom:20px !important }} .ct-featured-image{ padding-bottom: 40px !important } [class*="ct-image-container"]{ display:block }
in order to really have 40px spacing everywhere at al times – would this br correct? Also, is there an issue setting te image container from flex-inline to block? The flex-inline adds another empty white space underneath the image.
-
This reply was modified 2 years, 4 months ago by
- The topic ‘Margin blog posts’ is closed to new replies.