seperator line

• 

  aligndesignlab · Member · Jan 17, 2023 at 5:24 pm

  • Copy link
  • Add topic to favorites

  hello, i cant get my seperator line to go the full page width even though it is selected to be full width, have tried editing code as well but still no luck. any tips?

  WP.com: Yes
  Jetpack: No
  Correct account: Yes

  The blog I need help with is: (visible only to logged in users)

• 

  julinedossantos1 · Staff · Jan 17, 2023 at 7:01 pm

  • Copy link

  Hello,

  Have you tried opening it in another browser?
  https://wordpress.com/support/browser-issues/

  If that doesn’t work, there could be a few reasons why your separator line doesn’t span the full width of the page:

  • Parent Container: Make sure the separator line is inside a parent container with a defined width.
  • CSS code: Check the separator line CSS code and make sure the width is set to 100%. Also, make sure any padding or margin is set to 0.
  • HTML structure: Make sure the separator line is placed directly within the body tag of your HTML and not nested within other elements that might be limiting its width.

  Separator Block
  https://wordpress.com/support/wordpress-editor/blocks/separator-block/

  Code suggestion:
  HTML:

  <div class="separator"></div>

  CSS:

  
  .separator {
  width: 100%;
  height: 1px;
  background-color: #000;
  }

  Let me know if this information helps.