Change background color of one specific page

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

  • this is what you’ll change:

    body {
background: #eee url(images/patterns/little_pluses.png) repeat scroll 0px 0px;
}

    Your theme does not use body classes, so you may need to contact your theme developer on how to add that or modify only one page: https://www.themolitor.com/contact/

    Or you can add the functionality yourself: https://www.wpbeginner.com/wp-themes/wordpress-body-class-101-tips-and-tricks-for-theme-designers/

    Thread Starter ceballos93

    (@ceballos93)

    Thanks, i’ll contact them.

    But is it possible to at least remove that background at the top and at the footer of the page, making the animation on the entire screen?

    there is no way to target that one page as your theme is right now.

    you can install this plugin https://www.ads-software.com/plugins/slug-as-body-class/

    then use the code I gave you above with your needed changes using whatever body class you assign for that page.

    Thread Starter ceballos93

    (@ceballos93)

    I installed the plugin, but let me ask you something.

    My page now is called “teste” and i’d like a black background on it, so i put that code at the end of my style.css. Is that correct?

    /* Begin Additional CSS Styles */

body.page-teste {
background: #000000
}

/* End Additional CSS Styles */

    I’m so sorry for these stupid questions, but i’m lost and i’m still a beginner.
    Thank you for your help!

    /* Begin Additional CSS Styles */

body.page-teste {
background: #000000;
background-image: none;
}

/* End Additional CSS Styles */

    You’ll need the background-image:none to get rid of the image, otherwise you’ll just be changing the background color.

    And it’s not recommended you modify your style.css directly in your theme. You could lose this down the road if there is an update. Set up a child theme first instead. https://codex.www.ads-software.com/Child_Themes

    Thread Starter ceballos93

    (@ceballos93)

    I put the code there, but it didn’t work. The old background continues there :/

    did you check if the body class is correct/working? what is a link to that page?

    Thread Starter ceballos93

    (@ceballos93)

    I forgot to change the css on the page template before, so now it worked.
    Thank you very much!

    The page I want to change does not have a body class. The information below is the only page source information:

    <b>Parse error</b>: syntax error, unexpected ‘endwhile’ (T_ENDWHILE) in <b>/home/content/p3pnexwpnas01_data01/98/2230398/html/wp-content/themes/fashion/Blank-Page.php</b> on line <b>31</b>
    .

    Any idea how I can get the body class included? Or how can a change the background color for this page?

    This is the .php information. Excuse me, if I’m not using the right terminology.

    <?php
    /**
    Template Name: Fashion-Splash

    */
    ?>
    <!DOCTYPE html>
    <!–[if IE 7]>
    <html class=”ie ie7″ <?php language_attributes(); ?>>
    <![endif]–>
    <!–[if IE 8]>
    <html class=”ie ie8″ <?php language_attributes(); ?>>
    <![endif]–>
    <!–[if !(IE 7) | !(IE 8) ]><!–>
    <html <?php language_attributes(); ?>>
    <!–<![endif]–>
    <head>
    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
    <style type=”text/css”>
    body { background-color: #000000; background-repeat: repeat-y; background-position: top center; background-attachment: scroll;}
    </style>

    <title>Donnasaggio Splash</title>
    <?php wp_head(); ?>
    </head>

    <body>
    <div id=”container” class=”Blank-fullwidth”>
    <div id=”content” role=”main”>
    <div id=”page-content”>
    <?php the_content(); endwhile; ?>
    </div>
    </div>
    </div>
    </body>
    </html>

    Is it possible to delete my previous question?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m not quite sure why you’re posting here anyway, please open a new thread https://www.ads-software.com/support/forum/how-to-and-troubleshooting#postform

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Change background color of one specific page’ is closed to new replies.