Hello Harold,

Can you provide some screenshots of the area you to modify? Please advise.

Best Regards,
Nick.

ok, here it is

Hello Harold,

Please add this code in your template css file:

#ezblog-menu .blog-navi.iconless li a span {

color: #000 !important;

}

Hope this helps.

my template css in the /template folder, or ezblog theme folder somewhere else ?

No, it doesn't help. I can't find that anywhere. Here is what I found

/* blog-menu */
#ezblog-menu{background:none;border:0;margin:5px 0 0}
#ezblog-menu .blog-navi{background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
#ezblog-menu .blog-navi li.toolbar-item,
#ezblog-menu .blog-navi li.toolbar-item.float-r{border:0!important}
#ezblog-menu .blog-navi li.toolbar-item + li{margin-left:3px}
#ezblog-menu .blog-navi li.float-r{border-left:0}
#ezblog-menu .blog-navi li.toolbar-item > a,
#ezblog-menu .blog-navi li.toolbar-item > a:hover{background:#fff;padding:0 8px;
border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#eeeeee));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 )}
#ezblog-menu .blog-navi li.item-active > a,
#ezblog-menu .blog-navi li.toolbar-item > a:hover{background:#fff}

#ezblog-menu .blog-navi li.toolbar-latest > a > span{background:url(../images/toolbar-home.png) center no-repeat;}
#ezblog-menu .blog-navi li.toolbar-categories > a > span{background:url(../images/toolbar-categories.png) center no-repeat;}
#ezblog-menu .blog-navi li.toolbar-tags > a > span{background:url(../images/toolbar-tags.png) center no-repeat;}
#ezblog-menu .blog-navi li.toolbar-blogger > a > span{background:url(../images/toolbar-blogger.png) center no-repeat;}
#ezblog-menu .blog-navi li.toolbar-teamblog > a > span{background:url(../images/toolbar-teamblog.png) center no-repeat;}
#ezblog-menu .blog-navi li.toolbar-archive > a > span{background:url(../images/toolbar-archive.png) center no-repeat;}
#ezblog-menu .blog-navi li.user-access > a > span{background:url(../images/toolbar-login.png) center no-repeat;}
#ezblog-menu .blog-navi li.user-setting > a > span{background:url(../images/toolbar-cog.png) center no-repeat;}
#ezblog-menu .blog-navi li.user-write > a > span{background:url(../images/toolbar-write.png) center no-repeat;}
#ezblog-menu .blog-navi li.user-micro > a > span{background:url(../images/toolbar-micro.png) center no-repeat;}

#ezblog-menu .blog-navi li.toolbar-item > form input.input,
#ezblog-menu .blog-navi li.toolbar-item > form button.submit-search{border:1px solid #002c5c;}
#ezblog-menu .blog-navi li.toolbar-item > form button.submit-search{background-color:#0065c9;}

/*#ezblog-menu .blog-navi .user-form{width:auto;top:34px;}*/

/* blog item - blog.item.php */
#ezblog-body .blog-brief {display: block;width:100%}

Is there anything in here I can change? I found this in the components/com_easyblog/themes/bluedream/css/style.css file

Hello Harold,

I've added the css code in ../template/jsn_sky_pro/css/template.css . Please have a look.

Looks good!!


Thanks!

Hello Harold,

You're welcome.