Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 23, 2021 at 11:50 am #1333838
    sitibus

    good morning is there a way to set a custom background in my toysanarchy.com? I would like to have this image https://www.toysanarchy.com/wp-content/uploads/2021/12/annie-spratt-background-scaled.jpg I tried setting general layout boxed but it’s not the effect I wanted, it can only be seen externally. Can you help me shortly?

    December 24, 2021 at 8:15 pm #1333975
    Yigit

    Hey,

    Thanks for contacting us!

    Could you please add Color Section element to your page, set your image as background image and then insert your content into your Color Section element? :)

    Best regards,
    Yigit

    January 6, 2022 at 10:25 am #1334502
    sitibus

    thanks I tried but it is not what I would like I would like a custom background for the whole site if possible, even better if it can be customized per page. it’s possible?

    January 7, 2022 at 3:33 am #1334611
    Ismael

    Hi,

    Thank you for the update.

    Would you mind posting a screenshot of the section where the background should be displayed? The following css code should apply a background image to the main container. 

    #main {
    background: url(IMAGE URL HERE);
}

    Best regards,
    Ismael

    January 7, 2022 at 3:19 pm #1334685
    sitibus

    Hi, I tried with

    #main {
    background: url(“https://www.toysanarchy.com/wp-content/uploads/2021/12/annie-spratt-background-scaled.jpg”);

    but going to https://www.toysanarchy.com/product/tenebris/ or any other page it doesn’t seem to work

    Gianluca

    January 8, 2022 at 4:09 am #1334742
    Rikard

    Hi,

    Please try this CSS instead:

    .single-product div.container_wrap {
  background: url(https://www.toysanarchy.com/wp-content/uploads/2021/12/annie-spratt-background-scaled.jpg);
}

    Best regards,
    Rikard

    January 8, 2022 at 3:37 pm #1334787
    sitibus

    Great it works on the page product.
    What about the other pages?
    Is it possible?

    January 8, 2022 at 3:55 pm #1334792
    Mike

    Hi,
    for other pages try changing .single-product to .page like this:

    .page div.container_wrap {
  background: url(https://www.toysanarchy.com/wp-content/uploads/2021/12/annie-spratt-background-scaled.jpg);
}

    Best regards,
    Mike

    January 8, 2022 at 4:35 pm #1334795
    sitibus

    Thanks Mike it’s just what I needed, I only have the shop page left, can you tell me the exact code?

    January 8, 2022 at 4:39 pm #1334796
    Mike

    Hi,
    Try:

    .archive div.container_wrap {
  background: url(https://www.toysanarchy.com/wp-content/uploads/2021/12/annie-spratt-background-scaled.jpg);
}

    Best regards,
    Mike

    January 8, 2022 at 4:43 pm #1334797
    sitibus

    Fantastic is exactly what I wanted, and instead it would be possible not to have this feature in the footer page that I use on all pages -> the one with the site logo and social icons?
    If it is not possible, patience is also very good so we can close the topic
    Tks Gianluca

    January 8, 2022 at 5:44 pm #1334799
    Mike

    Hi,
    currently the class .container_wrap in the css is adding the background image to your header, content, & footer, if you only want it in the content area change it to .container_wrap_first if you also want it in the header and on all pages & posts, & shop page (everything) try this css instead of everything previous:

    #top #header_main.container_wrap,#top .container_wrap_first {
  background: url(https://www.toysanarchy.com/wp-content/uploads/2021/12/annie-spratt-background-scaled.jpg);
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.