I'm currently working on customizing an ecommerce site using commerce kickstart 2, specifically attempting to adjust the margin of the logo image within the header section by modifying the subtheme's CSS file. However, when I set the margin to -200 for the img element, it not only affects the banner image but also impacts the slideshow image. I even tried using a different element instead of img in the CSS code, but unfortunately, it didn't produce the desired outcome. Below is my current CSS code pertaining to images:
img {
border: 0 none;
height: 400px;
margin-left: -200px;
padding-left: 0;
padding-right: 0;
width: 1560px;
}
As you can see below, the changes made by the code above affected both the dark banner at the top and the white image at the bottom of the screenshot. My intention is to retain the centered position of the white image.