Padding for Image show GK4 on inset position

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Sep 23, 2014 4:37 pm
Reply with quote
Report this post
Hi,

I have an Image show GK4 module on the inset position but I would like to change the padding of the inset of the Image show GK4's dimensions.
Here the site (is not finished yet): http://www.blocktradingeurope.com/newsite/
User avatar
Expert Boarder

GK User
Tue Sep 23, 2014 4:53 pm
Reply with quote
Report this post
Hi,
Sorry, but I don't fully understand.
You want to use smaller Image Show object ?
What padding?

Please make a screen-shot and add graphic arrows what exactly you need from us (me). Mock-up please :)
User avatar
Platinum Boarder

GK User
Tue Sep 23, 2014 5:17 pm
Reply with quote
Report this post
Hi Oscar,

Thank you for your quick reply, Here is the pic with the description
User avatar
Expert Boarder

GK User
Tue Sep 23, 2014 10:10 pm
Reply with quote
Report this post
Now ok. Thanks.
You have two options, but you can start from this:
Code: Select all
 #gkInset { padding: 1px; }
#gkInset .box:first-child .gkBanner {margin:0;}


It should help, remember to use images not bigger than ~~210px of width
User avatar
Platinum Boarder

GK User
Wed Sep 24, 2014 1:03 pm
Reply with quote
Report this post
Hi Oscar,

Thank you for your reply. I've already pasted the provided script to the override.css but what I see is that it gives also the same padding to all item on the inset position. I just wanted to reduced the padding of the mod image show GK4.
User avatar
Expert Boarder

GK User
Fri Sep 26, 2014 11:27 am
Reply with quote
Report this post
1) Add new suffix to that module for example " nofat"
2) and use again

Code: Select all
#gkInset .nofat {padding: 1px; }
User avatar
Platinum Boarder

GK User
Fri Sep 26, 2014 11:57 am
Reply with quote
Report this post
Hello Oscar,

Do I need to added the script to the override.css, right? Well I did it but it doesnt work
User avatar
Expert Boarder

GK User
Fri Sep 26, 2014 9:54 pm
Reply with quote
Report this post
ok, leave last one, and try this:

Code: Select all
aside.dark-area {
    padding: 1px !important;
}


or use 0px instead
User avatar
Platinum Boarder

GK User
Mon Sep 29, 2014 10:58 am
Reply with quote
Report this post
Hi Oscar,

Still no change. It is correct to put the code on the override.css?, Also the override options under the advanced settings is enabled.
User avatar
Expert Boarder

GK User
Mon Sep 29, 2014 12:09 pm
Reply with quote
Report this post
Ok last try:

Code: Select all
body.noBg #gkInset {
    padding-bottom: 1px;
    padding-left: 1px !important;
    padding-right: 1px !important;
}

#gkInset .box:first-child .gkBanner {
    margin: -35px 0 5px !important;
}
User avatar
Platinum Boarder

GK User
Mon Sep 29, 2014 2:23 pm
Reply with quote
Report this post
Hi Oscar,

Thank you for your support. The provided script gives the same padding to all items on the inset position (Banner and Mod Image Show GK4).

I just wanted to reduced the padding of the mod image show GK4 only.
User avatar
Expert Boarder

GK User
Mon Sep 29, 2014 2:33 pm
Reply with quote
Report this post
so you have to:
1) add new suffix in module settings
2) and use this same inside my code, this should work only for those module which you choose.
or
Use my CSS code only on homepage.
User avatar
Platinum Boarder


cron