Strange black space on front pics

eCommerce WordPress theme to create online shop with WooCommerce support
GK User
Mon Mar 03, 2014 9:00 pm
Hello,
I have a strange black space at the end of the banner picture on the front end. I know it is the background colour of the gk-banner, but it looks like a padding-bottom from the div, and the thing is that there is no padding from it. I tried a lot of things, but there is no way to fix it.
This is the code from the widget:
<div class="gk-banner">
<h2><a href="#">Between Seasons</a></h2>
<a href="#"><img src="[pageurl]/wp-content/uploads/2014/03/slide_7.jpg" alt="Between Seasons 2014"></a>
</div>
I also attach an image so you can see what im talking about.
Thank you.

web_problem.jpg
User avatar
Fresh Boarder

GK User
Tue Mar 04, 2014 8:18 am
Hi,

Could you provide an URL to your website? here or via PM, because it'll be difficult to inspect this element without your website.
User avatar
Moderator

GK User
Tue Mar 04, 2014 4:44 pm
Sorry, I'm running on localhost with Xampp. Is there another way? You want me to check something?
Thanks for your quick answer.
User avatar
Fresh Boarder

GK User
Wed Mar 05, 2014 8:22 am
I can't reproduce this problem on my theme installation, so it will be difficult. Please check if your images inside the banner have this css rule:
Code: Select all
.box.banner img {
display: block;
}

Use Firebug or Google Web Dev tools, BTW this black space is visible only on Firefox or also in other browsers?
User avatar
Moderator

GK User
Sun Mar 09, 2014 12:04 pm
Hello, I just fixed it. I put vertical-align:top on the css rules for the gk-banner, also in hover position and it solves the problem.
I have another question, how can I link the images in the GK Image Show widget module? I can not find the option to do it.
Thanks for your answer Piotr.
User avatar
Fresh Boarder

GK User
Sun Mar 09, 2014 1:25 pm
Hi there, I have another problem. How to avoid breadcrumbs appearing from the template and woocommerce at the same time? It looks weird and confuse.
Im attaching an image so you can see the problem. Thanks for your time.
User avatar
Fresh Boarder

GK User
Mon Mar 10, 2014 8:52 am
Hi,

Regarding the breadcrumb, please go to Dashboard -> Template Options -> Basic settings tab and here you can find "Conditional Breadcrumbs Display" option, you can disable first breadcrumb at all or use conditional tags e.g. is_single() to display breadcrumb only on the posts (first breadcrumb - from the theme).

Regarding links from GK Image Show widget - you can add the links in Media Library (check your slides).
This article should be helpfull:
http://www.gavick.com/demo/wordpress/in ... ge_id=1489
User avatar
Moderator

GK User
Wed Mar 12, 2014 9:36 pm
Hi, I could not get the breadcrumbs work. What exactly I have to put in the conditional tags if I want to avoid template breadcrumbs from homepage and shop (woocommerce pages) to appear? I did it in homepage !is_home(), but in the shop is not working, so I will like to keep the woocommerce breadcrumbs on the shop (catalog, products, single products, etc.) and the template breadcrumbs for the rest of the site. Is that possible?
Another thing, I moved my site from local to server and the images from the GK Image Show widget and the gallery page (Colecciones) are not showing anymore. I checked the url's of the images and everything looks to be ok. I leave you the link: http://www.ilovebelove.com
Thanks for your help.
User avatar
Fresh Boarder

GK User
Thu Mar 13, 2014 8:51 am
Hi,

You have to upload/attach images again, because URL of your images goes to your localhost: http://localhost/ilovebelove/wp-content ... G_8418.jpg.

Regarding the breadcrumbs, try to add this code into the conditional rule field:
Code: Select all
!is_home() and !is_woocommerce()
User avatar
Moderator

GK User
Thu Mar 13, 2014 2:53 pm
Thank you, works like a charm.
User avatar
Fresh Boarder


cron