Page background image.

  • Resolved fiercedark

    (@fiercedark)


    9 years, 6 months ago

    I am trying to remove the featured image from the additional pages. I want the landing page to be the way I have it now.

    Site: https://www.encapdio.com/

    For example if you click on contact us that has the chat bubble image it will bring you to my contact page where my contact form is. I want that super imposed image in the background gone, but still want the smaller version of the image on the front page.

Viewing 4 replies - 1 through 4 (of 4 total)

  • If your theme has a single.php file, edit it and remove this code:

    the_post_thumbnail();

    Moderator Kathryn Presner

    (@zoonini)

    If your theme has a single.php file, edit it

    Heads-up – editing your theme files means your changes will be overwritten every time you update the theme, so it’s not recommended.

    You can make this type of change with CSS alone, no child theme (the recommended way to make theme file changes) is needed.

    .page .hero.with-featured-image  {
  background-image: none;
}
.home .hero.with-featured-image {
  background-image: url("ttp://www.encapdio.com/wp-content/uploads/2015/05/cropped-bg-1230x563.jpg");
}

    Note that you will need to modify the path to your homepage featured image if you ever decide to change it.

    As I mentioned above, don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    Thread Starter fiercedark

    (@fiercedark)

    I managed to get all of that to work, but now my home page’s featured image doesn’t display itself on my home screen.

    I believe that is what your .home code is supposed to fix, but there is no home section in the CSS.

    Moderator Kathryn Presner

    (@zoonini)

    I believe that is what your .home code is supposed to fix, but there is no home section in the CSS.

    You shouldn’t be touching your theme’s original CSS, but instead adding the code I gave you as custom CSS, as I mentioned above. You can either go the custom CSS plugin or child theme route.

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