Global Shop page problems

Hi,

I'm having trouble with the Shop Global Theme that I've custom created in the Divi Theme Builder.

http://www2.pcdc.net/~vscr/testing/shop/

For some reason the header is different from the other pages, and yet it's setup as using the same global header. Any ideas why the change? The sizing is different, and the cart/search icons are a different colour on the shop page vs everywhere else.

Also, I've tried to target in CSS the slider text sections and button but can't seem to do anything to affect them. I'm looking to change the properties (align, uppercase, font-size, and button styling) of the main header in the slide and the button.

This is what I currently tried using, but it isn't working:

.responsive-fw-slider-shop.et_pb_section .et_pb_slider.shop-fw-slider .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description {
display: inline-block;
float: right;
text-align: left;
font-size: 5rem;
}
.responsive-fw-slider-shop.et_pb_section .et_pb_slider.shop-fw-slider .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description h2 {
font-size: 3rem;
text-transform: uppercase;
text-align: left;
}

.responsive-fw-slider-shop.et_pb_section .et_pb_slider.shop-fw-slider .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {
font-size: 1rem;
line-height: 1.6;
text-align: left;
}

.responsive-fw-slider-shop.et_pb_section .et_pb_slider.shop-fw-slider .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button.et_pb_more_button {
font-size: 1rem;
text-transform: uppercase;
border-width: 0;
background-color: #ed8023;
padding-right: 12rem;
float: left;
}

 

update - was able to fix the targeting problem, but am still unsure why the global header on the shop page has different sizing/padding, and cart/search icon colours here vs the rest of the site.

 

It seems to work on every other page, do you know if there is a reason the CSS isn't taking hold on the shop template/page?

 

Thanks! That definitely helps the header. I've noticed a few things have become harder to target going the route of using the theme builder for the shop page.

Because I'm using Essential Grid for the product grid, do you think it would be more ideal to create a new page, and set that to the 'shop page' in Woocommerce instead of using the theme builder?