Reduce date icon / font size of music template

How can I reduce the size of the date icon/font for all pages (including tag and user pages).

See example here: http://i1173.photobucket.com/albums/r59 ... ror1-1.png

I have already reduced the size of a title.

Hi,
I see you fixed your issue. Or you need more help ?

nope not fixed it. i got it working for category listings, yes. I implemented a new template for that which was provided here. But it is only for category and not for tag pages or user item list or user overview page etc. So I need one for all content...

Please give me link to tag and cateogry views form your website.

Category listing:
http://www.jorendekoning.nl/blogs

Tag listing:
http://www.jorendekoning.nl/component/k ... /Strategie

Please try add this to override.css

Code: Select all

.ribbonEl div, .ribbonEl h3 {
background: none !important;
font-size:12px !important;
line-height:66px !important;
}
.ribbonEl {
margin:0 !important;
background:none !important;

}


and remember to enable override.css option in template settings.

Not working unfortunately. See here:

http://www.jorendekoning.nl/component/k ... endekoning

or here:

http://www.jorendekoning.nl/component/k ... /Strategie

Is not working because you have one extra '}' in your css code after:

Code: Select all

body ul.autocompleter-choices {z-index: 10001!important}
}


and becasue of it next rule isn't seen by browser. Remove it. And change my first rule to this one:

Code: Select all

.ribbonEl div, .ribbonEl h3 {
background: none !important;
font-size:12px !important;
line-height:66px !important;
color:#333 !important;
}


worked! Thank you.

hey. It worked. However... (and that is my fault) it also changed the date size for the item view. Which results in un ugly layout. See here:

http://www.jorendekoning.nl/leiderschap ... -mensbeeld

Is it possible to change the code a bit so that it is only for listings (user items listing, tag listing etc.)?

Please try add this to override.css after erlier code:

Code: Select all

#k2Container.itemView .ribbonEl {
background-image: url('../images/style1/coltitle.png') !mportant;
}
#k2Container.itemView .ribbonEl div,#k2Container.itemView .ribbonEl h3 {
line-height: 51px !important;
background: #222 !important;
font-size: 24px !important;
color: #fff !important;
}


Almost there!

The black date icon overrides the title a bit. Is it possible to make it a bit smaller?

http://www.jorendekoning.nl/strategie/i ... idende-rol

Thank you so much.

Change

Code: Select all

font-size: 24px !important;


value from my latest code to:

Code: Select all

font-size: 15px !important;


Works! Thank you for you time and effort.