Background Image Alignment

  • I am trying to change the amount of background image I see on every page of my blog. Currently, a large amount of background image is seen on the right side of the screen, with no image seen on the top, left or bottom of my blog content. I would like to create an even amount of background image visible on all sides.

    Is this best edited in the editor section under style.css or do I need to add my own CSS?

    https://www.thetouringtandem.com/

    Thank you in advance,

    Clayton

Viewing 1 replies (of 1 total)

  • Looks like you are using a Wide Screen with a resolution width of probably 1920px. (Looks centered on smaller screens)

    All you needs to do is in the editor section of style.css is add this at the the very bottom.

    .site {
	margin: 0 auto;
}

    To center horizontally.

    Can you explain in more detail what else you want to change? I am not
    seeing:

    with no image seen on the top, left or bottom of my blog content.

    Note: direct edits to parent themes are lost on theme update. Best practice is to use a Child Theme or Custom CSS Plugin.

Viewing 1 replies (of 1 total)
  • The topic ‘Background Image Alignment’ is closed to new replies.