Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1333838

    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?

    #1333975

    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

    #1334502

    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?

    #1334611

    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

    #1334685

    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

    #1334742

    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

    #1334787

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

    #1334792

    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

    #1334795

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

    #1334796

    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

    #1334797

    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

    #1334799

    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

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