Image alignment full widht/zoom

[huntingensemble]

Hi Guys,

For some wierd reason my image alignment is off (all to the left) when I click on a product to view it in full screen.

Any idea what is causing this problem? Any suggestions for CSS editing?

Thanks for the help.
Joost

[huntingensemble]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Please can you confirm you are using all the latest versions?

If so please disable any caching you have enabled, custom css etc to see if that fixes the issue. Not getting this issue on my install so it must be specific to yours

– Kyle

[huntingensemble]

Hi Kyle,

I’m working with w3TC for better caching. I used to use Super Cache didn’t have the issue then. So it’s probably related to that. Can I use w3TC with Neighborhood or should you recommend using Super Cache?

Best,

Joost

[Kyle – SUPPORT]

That’s odd as we use W3 Total Cache, have you tried purging the cache?

– Kyle

[huntingensemble]

Hi Kyle,

Yep I just purged the Page Cache. I also use Cloudflare Pro Plan with Minify options is this .JS? Maybe I should disable that.

Best
Joost

[Kyle – SUPPORT]

Yeah try that

– Kyle

[huntingensemble]

Hi Kyle,

Disabled it at Cloudflare, purged Cache at Cloudflare and W3TC. Any other this that you could think of? See here my Custom CSS:

span.menu-item-desc {
display: none!important;
}

#main-navigation ul.menu > li .menu-item-desc {
    display: none!important;
}

@media screen and (max-width: 767px) {
#main-nav ul li > ul {
    display: none;
}
}
@media screen and (max-width: 1024px) {
#main-nav ul li > ul {
    display: none;
}
}

h4.spb_heading:before, h4.lined-heading:before {  
    content: "";  
    display: block;  
    border-top: 2px dotted #444;  
    width: 100%;  
    height: 2px;  
    position: absolute;  
    top: 50%;  
    z-index: 1;  
}  
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
    line-height: 15px;
}
ul.products li.product .price {
    font-size: 14px;
}
.woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
    background: none repeat scroll 0 0 #333333;
}
.woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
    border-radius: 0;
    box-shadow: none;
    color: #FFFFFF;
    font-size: 9px;
    left: auto;
    line-height: 10px;
    margin: 0 !important;
    max-height: 10px !important;
    min-height: 10px !important;
    overflow: hidden;
    padding: 4px;
    position: absolute;
    right: -31px !important;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: 21px !important;
    transform: rotate(45deg);
    white-space: nowrap;
    width: 120px;
    z-index: 1;
}
.term-description {
	clear: both;
	padding-top: 10px;
        padding-bottom: 5px;
        padding-left: 5px;
        background: none repeat scroll 0 0 #F7F7F7;
}
.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products, p.no-items {
    border-top-color: #E4E4E4;
    margin-top: 10px;
}

h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal !important;
    margin-bottom: 15px;
}
h4 {
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 15px;
}
.flexslider .slides > li a img{visibility:visible !important; opacity:1 !important;filter:alpha(opacity=100) !important;}

.flexslider .slides > li:first-child{float:left; display:block;}

.woocommerce ul.products li.product figure { padding-bottom: 404px; }

nav#main-navigation .menu > li > a {
	padding: 0 10px;
}

@media only screen and (max-width: 767px){
ul.products li.product .product-details {
height: 45px;
}
}

#breadcrumbs {
    font-size: 11px;
    line-height: 22px;
    text-transform: uppercase;
    white-space: nowrap;
}
form .wcmd-fields input {
    border-radius: 2px;
    font-size: 12px;
    height: 32px;
    margin: 5px auto !important;
    min-width: 200px;
    width: 100% !important;
}
.wcmd-btn {
    background: none repeat scroll 0 0 ##a5a5a5;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    margin-top: 6px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 100%;
}

Let me know!

[Kyle – SUPPORT]

Try removing it

– Kyle

[huntingensemble]

Hi Kyle,

I’ve deactivated W3TC and that solved the issue.
Any idea what part of W3TC could relate to that issuse so I can disable it? (not using minify).

Best,
Joost

[Kyle – SUPPORT]

I will forward this to Ed for you so he can check that

– Kyle

[huntingensemble]

Ok Thanks for the fast support Kyle, really appreaciate it.

Best,
Joost

[Kyle – SUPPORT]

No problem

[Swift Ideas – Ed]

Hi Joost,

Do you mean the lightbox? I’m not sure of the options with W3TC, but if possible try removing the iLightbox script from being minified.

– Ed

[huntingensemble]

This reply has been marked as private.