Image alignment full widht/zoom

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 21 replies, 3 voices, and was last updated 9 years by Swift Ideas – Ed.

Viewing 15 posts - 1 through 15 (of 22 total)

1 2 →

Back to forum

Posted in: Neighborhood

March 16, 2015 at 2:33 pm #157753

huntingensemble

Member

Post count: 318

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

March 16, 2015 at 2:43 pm #157763

huntingensemble

Member

Post count: 318

This reply has been marked as private.

March 16, 2015 at 2:54 pm #157772

Kyle – SUPPORT

Moderator

Post count: 35880

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

March 16, 2015 at 3:03 pm #157787

huntingensemble

Member

Post count: 318

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

March 16, 2015 at 3:07 pm #157791

Kyle – SUPPORT

Moderator

Post count: 35880

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

– Kyle

March 16, 2015 at 3:15 pm #157807

huntingensemble

Member

Post count: 318

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

March 16, 2015 at 3:17 pm #157808

Kyle – SUPPORT

Moderator

Post count: 35880

Yeah try that

– Kyle

March 16, 2015 at 3:22 pm #157814

huntingensemble

Member

Post count: 318

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!

March 16, 2015 at 3:23 pm #157816

Kyle – SUPPORT

Moderator

Post count: 35880

Try removing it

– Kyle

March 16, 2015 at 3:27 pm #157819

huntingensemble

Member

Post count: 318

Hi Kyle,