Support » Fixing WordPress » 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("http://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 http://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.