Estás usando una sintaxis extraña.

 var changeTextForBundle = document.querySelector('.picky-bundler-container .picky-custom-html h2'); changeTextForBundle.style.backgroundColor='#363636';

debería funcionar mejor ;)

No estoy seguro si tiene un problema con el selector de CSS en querySelector , pero es posible que desee usar querySelectorAll para seleccionar todos los elementos que coincidan con los selectores.

Lo que no se ve bien es intentar establecer el background-color en su código JavaScript. Cambie la configuración background-color en JavaScript con backgroundColor :

 var changeTextForBundle = document.querySelector('.picky-bundler-container .picky-custom-html h2'); changeTextForBundle.style.backgroundColor = '#363636';

Si desea utilizar la opción querySelectorAll , el siguiente código realizará la misma tarea para todos los elementos que coincidan con su cadena de selección:

 var changeTextForBundle = document.querySelectorAll( ".picky-bundler-container .picky-custom-html h2" ); changeTextForBundle.forEach(function (element) { element.style.backgroundColor = "#363636"; });

ejemplo ejecutable

 var changeTextForBundle = document.querySelectorAll( ".picky-bundler-container .picky-custom-html h2" ); changeTextForBundle.forEach(function(element) { element.style.backgroundColor = "#363636"; });

 <div class="picky-bundler-container picky-widget"> <div class="picky-custom-html"> <h2 style="width:100%; display:flex; justify-content:center; align-items:center;">Frequently Bought Together</h2> </div> </div>