Arrows on Image Show Module and Font Color's

GK User
Sun Jan 29, 2012 2:04 am
Hi

My Website is www.luxehighlife.com,

i am using Image Module in Mainbody section, I want to remove Pagination arrows on top left corner,

For Example, in watches and jewelry: just next to left side you can see, arrows, i really want to remove these,

2- On right-bar you can see i am using K2 categories, i want remove these blue Bullets points,
Example; Fashion Heading just down you can see all blue dots with each content,

Please help me to fix this, Thanks A lot.

3- In Image Show Module you can see title
PRADA SS Women Campaign 20…

I want to change color of this heading into Black.


I hope you will give me prompt reply, thankx
regards
User avatar
Junior Boarder

GK User
Sun Jan 29, 2012 1:48 pm
Hi.

#1
To disable arrow you need to edit menu.css file and change the following line:
Code: Select all
 div#gkSubmenu {
height: 35px;
font-size: 12px;
text-align: left;
background: transparent url('../images/light/dropline_bg.png') no-repeat -1px -1px;
border-top: 1px solid #E5E5E5;
padding-left: 75px;
width: auto;
}

to:
Code: Select all
 div#gkSubmenu {
height: 35px;
font-size: 12px;
text-align: left;
border-top: 1px solid #E5E5E5;
padding-left: 75px;
width: auto;
}


#2
To remove blue bullets please edit style1.css file and change the following line:
Code: Select all
.k2CategoriesListBlock ul.level0 li {
background-image: url('../images/style1/menu_bullet.png');
}

to:
Code: Select all
.k2CategoriesListBlock ul.level0 li {
background: transparent;
}


#3
To change link's color you need to edit style1.css:
Code: Select all
 a {
color: #3477BB;   //here you can put your color - if black - #000000
}
User avatar
Platinum Boarder

GK User
Sun Jan 29, 2012 2:07 pm
Hi

Thanks for your help, Number 1 still not fixed,

Arrows on Image Show GK4 Module i need to remove as i qout a example just under main header you can find one

Watches and Jewellery Just next to it there are small arrows for up-down, These arrows i have to remove


Please find attached file, for example

While Thanks for 2nd and 3rd is Fixed :)

looking forward
User avatar
Junior Boarder

GK User
Sun Jan 29, 2012 2:23 pm
Hi again.
Sory about that. My mistake.
So to remove those little arrows you need to open style.portal.mode.1.css file and find the following line:
Code: Select all
 .nspMainPortalMode1 .nspTopInterface .nspNext, .nspMainPortalMode1 .nspTopInterface .nspPrev {
background: transparent url('../images/nsp_portal_mode_1_interface.png') no-repeat 0 -28px;
cursor: pointer;
display: block;
height: 14px;
text-indent: -999em;
width: 11px;
}

and change it to:
Code: Select all
 .nspMainPortalMode1 .nspTopInterface .nspNext, .nspMainPortalMode1 .nspTopInterface .nspPrev {
cursor: pointer;
display: block;
height: 14px;
text-indent: -999em;
width: 11px;
}

then in style1.css file change:
Code: Select all
.nspMainPortalMode1 .nspTopInterface .nspNext, .nspMainPortalMode1 .nspTopInterface .nspPrev {
background-image: url('../images/style1/nsp_portal_mode_1_interface.png') !important;
}

to:
Code: Select all
 .nspMainPortalMode1 .nspTopInterface .nspNext, .nspMainPortalMode1 .nspTopInterface .nspPrev {
background: transparent;
}

I checked it and it works for me.
User avatar
Platinum Boarder

GK User
Sun Jan 29, 2012 4:08 pm
Thanks Alot boss Its Done....now looks really cool,....Solved :)
User avatar
Junior Boarder

GK User
Sun Jan 29, 2012 5:15 pm
I'm glad I could help.
See you around...
User avatar
Platinum Boarder


cron