Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 3, 2017 at 10:21 am #787000
    Sigmund

    Hi at Kriesi,
    I have gone through all CSS hints of this forum but did not find the solution. I need a custom background image for a specific page. I have tried a lot, the last was

    .page-id-344  .html_minimal_header #main > .avia-builder-el-0, .av_minimal_header + #main .container_wrap_first  { 
  background-image: url("image.jpg"); 
}

    but this is not specific enough, it shows the image on other pages also.
    Please take a closer look in the website.

    Thanks and Best Regards

    May 3, 2017 at 10:25 am #787003
    Jordan Shannon

    Hey Sigmund,

    The css appears to be written incorrectly. What exact page are you looking to put the image on?

    Best regards,
    Jordan Shannon

    May 3, 2017 at 10:37 am #787007
    Sigmund

    Hi Jordan,
    thanks for the reply.

    May 3, 2017 at 12:05 pm #787044
    Sarah

    Hi Sigmund,

    Please try this code for the page that you linked:

    .postid-344 .container_wrap_first {
   background-image: url("image.jpg");
}

    You mentioned that you want to apply this to all other pages in the forum. If so, you can use this instead:

    .single-forum .container_wrap_first {
   background-image: url("image.jpg");
}

    Please make sure you use the correct filename and path.

    Best regards,
    Sarah

    May 3, 2017 at 12:51 pm #787097
    Sigmund

    Hi Sarah,
    that works like charm, thank you!
    Can you help me with the task to disply this background image on every single bbpress topic also? That would be great.
    I have tried
    .

    single-topic .container_wrap_first {
   background-image: url("image.jpg");
}

    but that leaves a small white bar under the header.

    Best Regards

    • This reply was modified 7 years, 6 months ago by Sigmund.
    May 3, 2017 at 1:01 pm #787101
    Sarah

    Hi Sigmund,

    Please use this code instead of the one I previously gave you:

    .bbpress #main, .bbpress .title_container {
   background-image: url("https://cic-mindline.de/wp-content/uploads/2017/03/Holz2_XL.jpg");
}
.bbpress .title_container {
   border:none;
}

    That one will now apply to ALL pages that have to do with bbpress, not just single forum or single topic pages. The white bar above topic pages should also be gone.

    Best regards,
    Sarah

    • This reply was modified 7 years, 6 months ago by Sarah.
    May 3, 2017 at 1:09 pm #787105
    Sigmund

    Hi Sarah,
    thanks, but this code gives the header the background image too and leaves a red bar under the header.
    Can you take a look?

    Best Regards

    May 3, 2017 at 3:59 pm #787219
    Sarah

    Hi Sigmund,

    I edited the code above. Please try that one.

    I also removed the border of the div title_container.

    Best regards,
    Sarah

    May 3, 2017 at 9:08 pm #787404
    Sigmund

    Hi Sarah,
    thank you, together with the other code it works.

    Best Regards

    • This reply was modified 7 years, 6 months ago by Sigmund.
    May 3, 2017 at 9:22 pm #787412
    Jordan Shannon

    Hi,

    Great! I am glad this was able to be fixed for you.

    Best regards,
    Jordan Shannon

    January 11, 2018 at 12:44 pm #896141
    Sigmund

    Yes, thanks. You can close the topic.

    Best Regards
    Jörg

    January 12, 2018 at 12:05 am #896316
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Custom Background Image for individual page’ is closed to new replies.