doctor_g

Hi, how to add a fixed background image for a certain page only? I've came up with this code but it doesn't work for certain collection. When pasted without the "collection" line, it works, however for all pages equally. How to make it work for a certain page only? Thank you.

#collection-COLLECTIONNUMBER
{

body::before {
  background-image: url('IMAGELINKHERE.JPG');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  height: 100%;
  opacity: 1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -10;
}

.page-section,
.page-section .section-background {
  background-color: transparent !important;
}

}

Hello, I have a general question about how to keep all of the pages from a website in constant size. For example, the screen I'm working on is 13.3" and when I set each elements/blocks up and then switch onto 27" screen for example, all of the elements are getting re-positioned, I mean they do keep their position & size but for example text blocks which were a few lines are now single line (because they just fit on wider screen) and a lot of empty space is created between the elements/blocks. I'm totally not into the CSS or programming so sorry in advance, but if someone would like to help what kind of text paste into that CSS window (or if it's even possible) I'd be very glad. Thank you.