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
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
-

- 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.
Try in typography.style1.css, typography.style2.css, typography.style3.css in blocks section.
- 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
-

- 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.
- 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
-

- Expert Boarder
- Konrad M
- Tue Apr 03, 2012 5:39 pm
It is style 1.
- 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
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
-

- 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.
8 posts
• Page 1 of 1
