Comments thomaskuegler started the conversationJuly 2, 2020 at 2:03pmHey team, Looking to increase the padding around the separators, so we can space out our blog posts a little more. How do we go about this? Thanks 2,700PenciDesign repliedJuly 2, 2020 at 3:45pmHi,Do you mean about increase the width of the separator line or add more padding top & bottom of this separator line?If you mean increase the width, please add more this code to Customize > Custom CSS: .wp-block-separator:not(.is-style-wide):not(.is-style-dots){ max-width: 200px; } Change value 200 to value as you want.If you mean about change the padding top & bottom, please add more this code to Customize > Custom CSS: .post-entry hr.wp-block-separator, .wp-block-separator { margin-top: 40px; margin-bottom: 40px; }Change values 40 on above code to value as you want.Best Regards,PenciDesignthomaskuegler repliedJuly 2, 2020 at 4:07pmHey ! Amazing. Fast response, and working solution. I hadn't even considered changing the width of separator, so that's really helpful too. Thanks again! thomaskuegler repliedJuly 2, 2020 at 4:09pmWhile I've got you, what would be the code to change its colour, or change its opacity if that's an easier fix? 2,700PenciDesign repliedJuly 3, 2020 at 2:10amHi,You can add more this code to Customize > Custom CSS to do that: .post-entry hr.wp-block-separator, .wp-block-separator{ border-color: #ff0000; opacity: 0.5; } Change color code ff0000 to any color code as you want. You can get a color code hereAnd change value 0.5 to opacity value as you want also.Best Regards,PenciDesign Sign in to reply ...
Hey team,
Looking to increase the padding around the separators, so we can space out our blog posts a little more. How do we go about this?
Thanks
Hi,
Do you mean about increase the width of the separator line or add more padding top & bottom of this separator line?
If you mean increase the width, please add more this code to Customize > Custom CSS:
Change value 200 to value as you want.
If you mean about change the padding top & bottom, please add more this code to Customize > Custom CSS:
Change values 40 on above code to value as you want.
Best Regards,
PenciDesign
Hey !
Amazing. Fast response, and working solution. I hadn't even considered changing the width of separator, so that's really helpful too.
Thanks again!
While I've got you, what would be the code to change its colour, or change its opacity if that's an easier fix?
Hi,
You can add more this code to Customize > Custom CSS to do that:
Change color code ff0000 to any color code as you want. You can get a color code here
And change value 0.5 to opacity value as you want also.
Best Regards,
PenciDesign