Normal font for "links list" with no button gif icons

Hello,

In link shown below,the Business module and the Latest module include links list, after the main article.

Both lists are indented with a button.gif

Which CSS specification in what CSS file should I change so that the links are in "normal" rather than "bold" style.

Also, I want to minimize the use of icons and use simple text, wherever possible. -- to speed up site loading. Again CSS specification in what CSS file should I change to delete the button.gif

The demo template was really very slow. It improved a bit after I removed many of the modules in the frontage, but it was still slow but much more improved than the original demo page. One way to do that is to minimize use of icons as layout tools, based on Google optimization guidelines.


Cornelio
http://likas-pilipinas.org/gpn0100/

Hi Cornelio,

You can use below css in your override.css.

Code: Select all

/* Remove Gif image in li class */
#gkPage .box li, #gkPage .box_menu li, #gkPage .box_text li { background: none;}
/* Change link font weight */
.nspLinks ul li h4 { font-weight: normal!important;}


If you want to remove them completely please find and edit following lines.

Font Weight
gk.stuff.css
Line : 608 & 692

Code: Select all

.big_title .nspLinks ul li h4
.nspLinks ul li h4


Gif image in "li Class"
style1.css
Lines: 92, 182

Code: Select all

#gkPage .box li, #gkPage .box_menu li, #gkPage .box_text li
.big_title .nspLinks ul li


gk.stuff.css
Line: 681

Code: Select all

.big_title .nspLinks ul li


See you around...

Thanks Norman,

Does the addition of the override CSS apply to all bullet gifs? It did not seem to do that with the :attest News Module (see right top in SandBox http://likas-pilipinas.org/gpn0100/)

In the gk.stuff.css, when I modified:

Code: Select all

.big_title .nspLinks ul li {
   border-top: none !important;
   list-style-type: none !important;
   background: none;
} 

It had an odd effect on the background of the Business module and replaced the bullet gif with a hairline separator which added more vertical space (see left top in the SandBox link)

Cornelio
http://likas-pilipinas.org/gpn0100/

Hi Cornelio,

You can use below css in your override.css.

Code: Select all

/* Remove Gif image in li class */
#gkPage .box li, #gkPage .box_menu li, #gkPage .box_text li { background: none;}
/* Change link font weight */
.nspLinks ul li h4 { font-weight: normal!important;}


If you want to remove them completely please find and edit following lines.

Font Weight
gk.stuff.css
Line : 608 & 692

Code: Select all

.big_title .nspLinks ul li h4
.nspLinks ul li h4


Gif image in "li Class"
style1.css
Lines: 92, 182

Code: Select all

#gkPage .box li, #gkPage .box_menu li, #gkPage .box_text li
.big_title .nspLinks ul li


gk.stuff.css
Line: 681

Code: Select all

.big_title .nspLinks ul li


See you around...

There are module variations which overrides normal css class, in case of "Latest News Module" on right hand side it is getting bullets from following "color" module suffix. Because it has an "!important" class your override does not overrides that class.

File: style1.css
Line: 191

Code: Select all

.color_title .nspLinks ul li {
    background-image: url("../images/style1/bullet_color.png") !important;
}


Business module has "bigtitle" module suffix and gets bullets from following;

File: style1.css
Line: 183

Code: Select all

.big_title .nspLinks ul li {
    background-image: url("../images/style1/bullet_color.png") !important;


See following for where bullet_color.png is used.

templates/gk_twn2/css/gk.stuff.css (2 hits)

Code: Select all

   Line 684:    background: transparent url('../images/style1/bullet_color.png') no-repeat 1px 4px !important;
   Line 740:    background: transparent url('../images/style1/bullet_color.png') no-repeat 1px 4px !important;


templates/gk_twn2/css/style1.css (5 hits)

Code: Select all

   Line 91:    background-image: url('../images/style1/bullet_color.png');
   Line 122:    background-image: url('../images/style1/bullet_color.png');
   Line 126:    background-image: url('../images/style1/bullet_color.png') !important;
   Line 181:    background-image: url('../images/style1/bullet_color.png') !important;
   Line 189:    background-image: url('../images/style1/bullet_color.png') !important;


templates/gk_twn2/css/style2.css (5 hits)

Code: Select all

   Line 91:    background-image: url('../images/style2/bullet_color.png');
   Line 122:    background-image: url('../images/style2/bullet_color.png');
   Line 126:    background-image: url('../images/style2/bullet_color.png') !important;
   Line 185:    background-image: url('../images/style2/bullet_color.png') !important;
   Line 193:    background-image: url('../images/style2/bullet_color.png') !important;


templates/gk_twn2/css/style3.css (5 hits)

Code: Select all

   Line 91:    background-image: url('../images/style3/bullet_color.png');
   Line 122:    background-image: url('../images/style3/bullet_color.png');
   Line 126:    background-image: url('../images/style3/bullet_color.png') !important;
   Line 185:    background-image: url('../images/style3/bullet_color.png') !important;
   Line 193:    background-image: url('../images/style3/bullet_color.png') !important;


templates/gk_twn2/css/style4.css (5 hits)

Code: Select all

   Line 91:    background-image: url('../images/style4/bullet_color.png');
   Line 122:    background-image: url('../images/style4/bullet_color.png');
   Line 126:    background-image: url('../images/style4/bullet_color.png') !important;
   Line 185:    background-image: url('../images/style4/bullet_color.png') !important;
   Line 193:    background-image: url('../images/style4/bullet_color.png') !important;


templates/gk_twn2/css/style5.css (5 hits)

Code: Select all

   Line 91:    background-image: url('../images/style5/bullet_color.png');
   Line 122:    background-image: url('../images/style5/bullet_color.png');
   Line 126:    background-image: url('../images/style5/bullet_color.png') !important;
   Line 185:    background-image: url('../images/style5/bullet_color.png') !important;
   Line 193:    background-image: url('../images/style5/bullet_color.png') !important;


templates/gk_twn2/css/style6.css (5 hits)

Code: Select all

   Line 91:    background-image: url('../images/style6/bullet_color.png');
   Line 122:    background-image: url('../images/style6/bullet_color.png');
   Line 126:    background-image: url('../images/style6/bullet_color.png') !important;
   Line 185:    background-image: url('../images/style6/bullet_color.png') !important;
   Line 193:    background-image: url('../images/style6/bullet_color.png') !important;


templates/gk_twn2/css/template.css (3 hits)

Code: Select all

   Line 633:    background: transparent url('../images/style1/bullet_color.png') no-repeat left 10px;
   Line 941:    background: transparent url('../images/style1/bullet_color.png') no-repeat left 10px !important;
   Line 953:    background: transparent url('../images/style1/bullet_color.png') no-repeat left 10px;


See you around...