background image position

  • I’m trying to change the position of a background image. I’ve tried 

    background-position: center 150px;

    but nothing is happening. the default WP style is still adhering to center top.

    am I missing something?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’ll need to link the page with the issue

    Thread Starter dmd54

    (@dmd54)

    Hi Andrew – unfortunately I can’t link it because it’s local hosted right now.

    This is the style applied, copied from firebug: 

    body.custom-background {
    background-attachment: scroll;
    background-image: url("https://localhost/wordpress/wp-content/uploads/2014/05/istock_000009454074small-copy1.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}

    And this is from my style sheet:

    body {
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	background: #efefef;
	background-size: 100%;
	background-position: center 150px;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-smoothing: antialiased;
	line-height: 1.5em;
	text-rendering: optimizeLegibility;
}
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Or replicate the issue on a sandbox https://cssdesk.com/

    what theme are you working with?

    the background styles are likely embedded into the head section; therefore they will get used after your custom styles.

    you will need to make your custom styles at least as specific as the background styles from the theme; possibly as last resort, try working with !important

    Thread Starter dmd54

    (@dmd54)

    Alychymth – Thanks. Worked with !important.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘background image position’ is closed to new replies.