Mini Calendar Width

[jorov]

Hello all,

I have read all about the width of the mini calendar here, I have tried modifying the files(modstyle.css), but I can't get it's width below 200px. In the modstyle file its given as 140 px, but in reality it is 200. What can I do to make it 150 px max? Attached is a screen of the problem it's making- the cloumn max width is 150 px. and its going out of the site limits.

[Geraint]

Try using the !important css setting

[jorov]

That's the one I was changing- there is "140px!important" and when I change it to 100 px- no change in front end.
What exactly is it with this !important setting- what does it do and where must I modify it? Because I think that maybe I'm not doing that right.

[Tonyp]

Hello,

The !important means ignore all other settings related to this attribute and use me in simple terms. It is the top of the chain.

If this is an !important already, what file is it declared in?

Regards
tony

[jorov]

This is declared in the following file:
/components/com_jevents/views/geraint/assets/css/modstyle.css

I saw it from another topic in this forum. When I change that width to more than 200 px, the calendar becomes wider, but any width, lower than 200 px gets ignored.

[Tonyp]

It's likely a min-width has been set.

So set you widths as follows:

min-width: 100px !important;
width: 100px !important;

Replacing 100px with the width you want..

Regards
Tony

[jorov]

Hello again, thanks for your reply.

I don't see a min width anywhere in the modstyle.css files for the different views. I tried putting the code in the file modstyle.css- but it's still the same, no change.

Could it be a template issue? Because these positions- the left and right columns are fixed to 150 px.

[Tonyp]

Hello,

It could well be... I can't answer that without viewing and checking the source but we only provide this type of customisation to club members.

All I can suggest is use Firefox and firebug to change settings etc

Many thanks
Tony