That image appears to be the product page, not a category page which is where I am having the issue – please re-read original post.
I do have a staging site and so I will try those suggestions as I really need to find a solution.
- So you are saying it may be the boutique theme. (or possible a plugin) If it is the boutique child theme of Storefront – what are my options ?
2. I was thinking it was my image settings, of which I have referenced also in my first post.
3. Or perhaps some customization I have set under additional css – this is below: If you could please rule out the below code on your test site, that will really narrow it down for me.
/* REMOVE PRICE BANNER MEDIA ALL*/
ul.products li.product .price {
position: relative;
top: .01em;
padding: .1253em .3857em;
background: none;
color: black;
box-shadow: none;
font-weight: 400;
}
ul.products li.product .price:after {
display: none;
}
/*CHANGE SPACE BETWEEN PRICE AND PRODUCT ON CATEGORY PAGE MEDIA ALL*/
/*media all*/
ul.products li.product {
margin-bottom: 2.23em;
}
/* to stop header image from repeating*/
#masthead { background-repeat: no-repeat; }
/* For widget title bg and text color */
.widget-title {
background-color: #303030;
color: #FFF;
text-align: center;
line-height: 25px;
}
/* Mobile Responsive Header Image */
@media screen and (max-width:768px){
#masthead {
background-size: 100% !important;
}
}
/*sidebar widget title sizes */
#secondary .widget-title {
font-size: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
/*----------------
* FONTS
* ---------------/
/* category title font size */
h1.page-title {
font-family: "Roboto", sans-serif;
font-size: 24px;
color: #990000;
text-transform: uppercase;
}
/* product title font size */
h1.product_title {
font-family: "Lato", sans-serif;
font-size: 26px;
color: #990000;
}
/* woocommerce product page title font size */
h1.entry-title {
font-family: "Roboto", sans-serif;
font-size: 20px;
color: #990000;
text-transform: uppercase;
}
/* font underneath thumbnails - product page */
.woocommerce-loop-product__title {
font-family: "Lato", sans-serif;
font-size: 13px !important;
}
/* font underneath thumbnails - category page */
.woocommerce-loop-category__title {
font-family: "Lato", sans-serif;
font-size: 13px !important;
}
/* price size on product page */
.single-product div.product p.price {
font-size: 1.4em;
}
/*@media all and (min-width:768px add to cart button font size category page)*/
ul.products li.product {
font-size: 0.75em;
}
/*Account Heading Order Page Font*/
.woocommerce-MyAccount-content h2 {
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 600;
}
/*Account Heading Order Address Font*/
.gamma, h3 {
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 600;
}
/*Change Related Products Font */
.related.products h2 {
font-family: "Lato", sans-serif;
font-size: 14px;
}
/* product page on sale badge */
.onsale {
background-color: #FFFFFF;
border-color: #FF0000;
color: #FF0000;
}
/*adjustment for 4 shop columns*/
@media (min-width:768px){
.site-main ul.products li.product {
width: 22%;
margin-right:4%;
}
}
/*to even up add to cart buttons - bottom - the 235 can be changed*/
li.type-product a:first-child {
min-height: 200px;
display: block;
}
/* consistent Logo size for desktop site */
@media screen and (min-width: 768px) {
.site-header .site-branding img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
height: auto;
max-height: none;
max-width: none;
width: 400px !important;
}
}
/* WHITESPACE BETWEEN HEADER AND BREADCRUMB - REMOVE*/
.woocommerce-breadcrumb { margin: -1.9em 0 1.9em; padding: 0 0 1em; }
/* Remove white space in footer */
.site-footer {
padding-bottom: 0;
}
/*media all and add to cart box size category page */
.added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] {
padding: .16em 1.2em;
}
/*media all space between product image and title text category page*/
ul.products li.product img {
margin: 0 auto 1.1em;
}
/*Remove Word Description on Product Pages */
.woocommerce #tab-description > h2 { display: none;
}
/*Thumbnail Size 150px */
ul.products li.product a img {
width: 167px;
}
.related ul.products li.product img, .related ul li.product img, .upsells.products ul.products li.product img, .upsells.products ul li.product img {
width: 152px;
}
/* Reduce FOOTER SIZE IN WIDGET
@media all and (min-width:768px)*/
.footer-widgets {
padding-top: 0.3em;
border-bottom: 1px solid rgba(0, 0, 0, .05);
}
/* Change lightbox photoswipe background*/
.pswp__bg {background: rgba(0, 0, 0, 0.7) !important;}
.pswp__caption, .pswp__top-bar {
background: #000 !important;
}
.pswp__ui h3, .pswp__ui button, .pswp__button:before {
color: #000 !important;
}
button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before {
background-color:#000 !important;
}
.pswp__counter {
color: #FFF !important;
}
/*hide shipping estimate on cart page */
.woocommerce-shipping-destination {
display: none;
}
/*Remove Active Link Border Box*/
a:focus,
.focus a {
outline: none !important;
}
/*remove white space inbetween gallery image and description*/
@media (min-width:768px)
{.woocommerce-tabs {
padding-top: .15em;
padding-bottom: 2.61em;
}
}
/*style paypal cancel order button on review page*/
.button.alt.angelleye_cancel {
background-color:#F2F2F2; !important;
font-family: "Lato", sans-serif;
font-weight: 100;
color: #999999;
}
/*CHECKOUT HIDE PAYPAL CANCEL ORDER BUTTON ON ORDER REVIEW PAGE*/
.angelleye_cancel{
display:none;
}
/*CHECKOUT PAYPAL EXPRESS IMAGE */
.woocommerce-checkout #payment .payment_method_paypal_express img {
max-height: 34px;
