Home Forums Weaver Xtreme Theme page specifc background color

This topic contains 3 replies, has 2 voices, and was last updated by  scrambler 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #56690

    [email protected]
    Participant

    Sorry if this has been asked before but I cannot find it.

    My site has an image background in the content area of the pages but I would like to remove the image from one specific page http://www.cccofcarsoncity.org/screening-form-2/ and make it a colored background instead. There is a form embedded in the page and I need it to be a plain background.

    I can’t seem to come up with the right combination of CSS to accomplish this task.  Can someone help me please?

    Thanks so much!

    #56694

    scrambler
    Moderator

    See the article below

    https://guide.weavertheme.com/targeting-specific-pages-or-devices-for-styling-attributes-like-bg-image/

    Your background appears to be on the wrapper, so the rule will look something like

    .page-id-xxx #wrapper {background-image:none;background-color:blue;}

    replacing xxx by the ID number of the page

    #56695

    [email protected]
    Participant

    Thank you for your reply.

    However, while there is an image on the wrapper, there is also an image on the page backgrounds.

    Will the suggestion work if I do .page-id-xxx #content {background-image:none;background-color:blue;}

     

    Also, if I am not using the page ID # – where do I find what number it is?

    Thanks so much for your help!

     

    #56696

    scrambler
    Moderator

    If you mean the brown image outside the wrapper, this is the overall background image and the rule for it would be

    body.custom-background.page-id-xxx  {background-image:none;background-color:blue;}

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

You must be logged in to reply to this topic.