double GK image show at header

Modern e-commerce WordPress theme to build successful online store with WooCommerce support.
GK User
Wed Aug 19, 2015 10:07 am
Hi,
Is it possible to create side by side image shows using the GK image show in the header position?
thanks :)
User avatar
Senior Boarder

GK User
Wed Aug 19, 2015 1:07 pm
Hi,

By default the second Image Show will be displaed under the first one. If you want to display it side by side, try to add the following custom css code:
Code: Select all
.frontpage #gk-header-mod .box {
   width: 50%;
   float: left;
}
User avatar
Moderator

GK User
Wed Aug 19, 2015 1:41 pm
Hi,
thanks so much! wondering if it's possible to make one bigger than the other - like one 65% the other 35% and a small gap between?
thanks in advance :)
!!
User avatar
Senior Boarder

GK User
Thu Aug 20, 2015 8:40 am
Could you please provide me with a URL to your website with these 2 widgets visible, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It will be easier to give you proper code.
User avatar
Moderator

GK User
Fri Aug 21, 2015 8:35 am
Try to add this css code:
Code: Select all

.frontpage #gk-header-mod .box:first-child {
   width: 64%;
   margin-right: 20px;
}
.frontpage #gk-header-mod .box:last-of-type {
   width: 34%;
   height: 195px;
}

.frontpage #gk-header-mod .box:last-of-type .gk-is-wrapper-gk-shop-and-buy img {
   height: 189px
}

but images from your second image show will be stretched.
User avatar
Moderator

GK User
Sat Aug 22, 2015 12:29 pm
Hi, this all worked great. the only problem I'm having is the text overlay on the right box. The text doesn't work or appear at the same level at the other box.
Thanks :)
User avatar
Senior Boarder

GK User
Mon Aug 24, 2015 8:29 am
I can't see any text in your right image show widget now..
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.