Separator

Public Ticket #13143

Conversation thread

PenciDesign replied

6 years ago

Staff Reply

Hi,

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 here

And change value 0.5 to opacity value as you want also.

Best Regards,

PenciDesign

thomaskuegler replied

6 years ago

Customer Reply

While I've got you, what would be the code to change its colour, or change its opacity if that's an easier fix?

thomaskuegler replied

6 years ago

Customer Reply

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!

PenciDesign replied

6 years ago

Staff Reply

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:

.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,

PenciDesign

thomaskuegler started the conversation

6 years ago

Conversation Start

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

Want to join this conversation or access attachments? Sign in first.