need to know a css

GK User
Mon Apr 02, 2012 5:32 pm
hello,
could you tell me where i find the css style of "What our products' benefits" module. I need for replacing the icons

thank you

Luigi
User avatar
Expert Boarder

Konrad M
Mon Apr 02, 2012 6:59 pm
Hi,
Try in typography.style1.css, typography.style2.css, typography.style3.css in blocks section.
User avatar

GK User
Tue Apr 03, 2012 5:03 pm
Konrad M wrote:Hi,
Try in typography.style1.css, typography.style2.css, typography.style3.css in blocks section.


thanks,
but i should replace the icons that are in the module with mine. I see in the html of the module the css are: <div class="gk_block">
<div class="gk_block tablet"> ; <div class="gk_block chat">

<div class="gk_block firefox">

but i can't find them

thanks in advance
User avatar
Expert Boarder

Konrad M
Tue Apr 03, 2012 5:31 pm
Because they are background for those div's. Url's to images you will find in this css files I gave you.
User avatar

GK User
Tue Apr 03, 2012 5:36 pm
Konrad M wrote:Because they are background for those div's. Url's to images you will find in this css files I gave you.


and witch of them, for the blue template, have I to change? The style 1, 2 or 3?

thanks
User avatar
Expert Boarder

Konrad M
Tue Apr 03, 2012 5:39 pm
It is style 1.
User avatar

GK User
Mon Jun 18, 2012 2:21 pm
hi,
i'm confused. am able to change the icons but i couldn't figure out how to add more lines

when i checked .css i have found many are they but not all of them are enabled

/* blocks */
.gk_block {
padding-left: 100px;
background: transparent url('../images/style3/typography/icons/typo_icon_mac.png') no-repeat 5px center;
margin: 8px 0 20px;
}
.gk_block h3 {
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}
.gk_block h3 a {
color: #3b3b3b;
}
.gk_block p {
font-size: 12px;
}
.gk_block h3 a:hover {
color: #36b0e4;
}
.gk_block.firefox {
background-image: url('../images/style3/typography/icons/typo_icon_firefox.png');
}
.gk_block.chat {
background-image: url('../images/style3/typography/icons/typo_icon_chat.png');
}
.gk_block.tablet {
background-image: url('../images/style3/typography/icons/typo_icon_tablet.png');
}
.gk_block.android {
background-image: url('../images/style3/typography/icons/typo_icon_android.png');
}
.gk_block.blackberry {
background-image: url('../images/style3/typography/icons/typo_icon_blackberry.png');
}
.gk_block.calendar {
background-image: url('../images/style3/typography/icons/typo_icon_calendar.png');
}
.gk_block.clock {
background-image: url('../images/style3/typography/icons/typo_icon_clock.png');
}
.gk_block.cog {
background-image: url('../images/style3/typography/icons/typo_icon_cog.png');
}
.gk_block.info {
background-image: url('../images/style3/typography/icons/typo_icon_info.png');
}
.gk_block.mail {
background-image: url('../images/style3/typography/icons/typo_icon_mail.png');
}
.gk_block.mobilephone {
background-image: url('../images/style3/typography/icons/typo_icon_mobilephone.png');
}
.gk_block.phone {
background-image: url('../images/style3/typography/icons/typo_icon_phone.png');
}
.gk_block.recycledbag {
background-image: url('../images/style3/typography/icons/typo_icon_recycledbag.png');
}
.gk_block.shoppingcart {
background-image: url('../images/style3/typography/icons/typo_icon_shoppingcart.png');
}
.gk_block.user {
background-image: url('../images/style3/typography/icons/typo_icon_user.png');

now i need to know how enable them ?

Thanks
User avatar
Junior Boarder

Konrad M
Thu Jun 21, 2012 1:22 pm
To enable them you need to click on typography button. Then you need to choose from left column 'Template styles' section. Here you will find them and you will be able to put them to the article.
User avatar


cron