BG Image to Header?

[Marco Junior]

Because for put a background for this class  :  ipsData__item ipsData__item--discussions  

You put for all block when use this specific class understand ?

Then you can try it:  

li.ipsData__item ipsData__item--discussions  {
  background: url(your url img) no-repeat top center;
}

 

On this code you apply for all element :  li with class :  (ipsData__item ipsData__item--discussions)

Maybe you can limit this using (first-child) and last-child property

[FeigelInc]

Thanks for your help, I guess I can go another route.

[Marco Junior]

@FeigelInc

Have you tried using the option to add an image in AdminCP itself?

Just one question.

[FeigelInc]

I just thought someone could take the old code and adapt it for this forum software. This is the old code:

.cForumRow.ipsDataItem[data-forumid="1013"]{
  background-image: url('https://i.imgur.com/GdVi7Jq.png') !important;
  background-size: cover !important;
  background-position: bottom center !important;
  min-height: 262px;
}

[Marco Junior]

@FeigelInc

li.ipsData__item .ipsData__item--discussions[data-forumid="7"] {
  background-image: url('https://i.imgur.com/GdVi7Jq.png') !important;
  background-size: cover !important;
  background-position: bottom center !important;
  min-height: 262px;
}

This !

Edited November 13, 2024 by Marco Junior

[FeigelInc]

Thank you so much for helping me out.

[Drewfus]

all you need is this part not li.ipsdat_item

.ipsData__item--discussions[data-forumid="7"] {
  background-image: url('https://i.imgur.com/GdVi7Jq.png') !important;
  background-size: cover !important;
  background-position: bottom center !important;
  min-height: 262px;
}

[Marco Junior]

@Drewfus

Will the result be different?
I don't understand!
Everyone has their own way of writing styles, I have the habit of inserting the element + class after all I learned this way a long time ago 😄