Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 18, 2014 at 4:16 am #225310
    greenmarimo

    Hi guys,

    Sorry if someone has already posted this problem but I couldnt find it.

    I would like to change the background image for a specific page.
    I set the background image via the enfold>styling>general tab.
    For this page “job offers”, I would like to hide it.(I just want a white background)

    I think I have to edit the quick css area but dont know how to.
    Could anyone tell me how to fix it?

    thanks in advance

    February 18, 2014 at 9:12 am #225378
    greenmarimo

    Any ideas?

    February 18, 2014 at 2:44 pm #225495
    Ismael

    Hi!

    Please give us a link to the page. We need to get the page id to remove the background on that specific page. If you want to change the style of a specific element on a certain page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.

    On the example above, the page’s unique selector is .page-id-2251. We can use it to change the element within that page. 

    .page-id-2251 .main_color {
background: none;
}

    Best regards,
    Ismael

    February 19, 2014 at 3:56 am #225919
    greenmarimo

    Hi Ismael,

    Thanks for the reply.
    I looked for the page id, and found it (id=4017)
    so i added this code as you said

    .page-id-4017 .main_color {
    background: none;
    }

    but it didnt work
    then, i tried this as well (i have no knowledge about css so maybe it doesnt make any sense but i tried…)

    .page-id-4017 {
    background: none;
    }

    but i still had the background image.
    just to make sure we’re talking about the same thing, i want to hide the custom background image i uploaded but just for this page.

    any ideas?

    greenmarimo

    February 19, 2014 at 3:07 pm #226196
    Yigit

    Hey!

    Please open Header.php file in Appearance > Editor and find

    <html <?php language_attributes(); ?> class="<?php echo " html_$style ".$responsive." ".$headerS;?> ">

    and change it to

    <html <?php language_attributes(); ?> class="<?php echo " html_$style ".$responsive." ".$headerS;?> " style="<?php if(is_page(4017)) { echo 'background: none;'; } ?>">

    Regards,
    Yigit

    February 20, 2014 at 2:25 am #226517
    greenmarimo

    Hi Yigit,

    Wow it worked! thats exactly what i wanted!
    Thanks guys for your support :)

    Have a great day

    greenmarimo

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘change the background image for a specific page’ is closed to new replies.