Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2460703
Separator
Closed

Comments

  • thomaskuegler started the conversation

    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

  •  2,699
    PenciDesign replied

    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 replied

    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! 

  • thomaskuegler replied

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

  •  2,699
    PenciDesign replied

    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