Events layout

Hello,

My new website www.worldtattooevents.com, as the names says it's based on events.

My question is: is it possible to display the events vertically or in a way where the full event name is fully visible?

The standard space to display the event name offered by D7, actually cuts away half on the event name in the main homepage listing.

Which does not make it easy to read and/or understeand.

Having a website based s fully and clearly visible at the first look.

Anyone has any suggestions?

Many thanks,

Alex

hello,

i am making in the next days a new event block for the homepage, listed vertikal like in my extended eventpage mod

http://www.boonex.com/unity/extensions/entry/Extended_Eventpage_D7

Awesome!! It really looks good on your website. This is exactly what I need as well.

Question: I have already an WYSIWYG editor integrated with my events. Would this combination still work?

Does your module also work with the Google Map Mod?

Thanks!

Alex

Anyway.... that code can be found in /templates/base/css/commom.css  just delete 'nowrap'   and the titles will wrap to the next line when necessary

sys_file_search_unit {
float:left;
height:200px;
margin:5px;
overflow:hidden;
white-space:nowrap;
width:150px;
}

Anyway.... that code can be found in /templates/base/css/commom.css  just delete 'nowrap'   and the titles will wrap to the next line when necessary

Hello houstonlively,

Sorry for the stupid question (I'm not a programmer) but where should I find this file?

I've been looking into CSS Styles but I could not find it there.

Could you give me a specific location please?

Thanks!

Sorry... I was having a hard time posting the code without it being altered when I saved the post.  One of the Boonex staff members fixed a bug in these forums yesterday, but it seems as though he created another one in doing so.

I see... maybe you could mail it to me then?

I also need the location to adjust this file ;-)!

info@worldtattooconventions.com

Many thanks for your help!

i think houstonlively wanted to post this

css file

templates/base/css/common.css

find code about line 943

.sys_file_search_unit {
float: left;
margin: 5px;
width: 150px;
height: 200px;
overflow: hidden;
white-space: nowrap;
}

and change it to

.sys_file_search_unit {
float: left;
margin: 5px;
width: 150px;
height: 200px;
overflow: hidden;
white-space: no-wrap;
}

No..... that's NOT what I was trying to post.

ok no problem....

alex you can use it....that works;)

Yours is invalid css.  That's the only reason it works.

and no-wrap works like a <br>

and that is how it is on my site which alex found good

Guys I do really appreciate your help.

But again how/where do I access this file 'templates/base/css/common.css' in order to change it?

Thanks!!

white-space: nowrap; Is valid css.

Titles do not wrap to the next line

white-space: no-wrap; Is NOT.

The reason the text no longer wraps with your css, is because it is invalid, and it is ignored by the browser.  I my post above, I said to delete nowrap from the white-space css rule, which allows the text to wrap.  This is one of those incredibly simple things that is going to turn into a debate.

I agree with HL. white-space: no-wrap; is not valid CSS code, thus the browser does not process it. It is equivalent to white-space: normal; which is valid.



And to alex. to answer your question. Use a ftp client to access your site, download common.css located in the folder templates/base/css/

Edit the file and upload it back to the server.

Ummmmmm...... on your web site

ok...nice to know...i saw it on several sites and also found it in google...

but when you say it is invalid...then i must delete this line

and now i know why i always used it....

it was always in the first D7 versions in common.css...i took a look in my old downloads from it :)

Ok I've managed to change my CSS file and delete NOWRAP.

But nothing changed !

have you got cache enabled for css files?

then you have to empty it on admin panel dashboard

Delete all the files in your /cache directory, and the /cache_public directory with the exception of .htaccess file

In some cases it may be necessary to force normal by specifying white-space: normal;

This is in case it's used somewhere else and the browser falls back to it.


Alex. Try using white-space: normal; instead of just removing it. See if that helps.

Oh yea, try emptying your cache first as previously suggested.

Ok just did it as well. Still nothing.

Have a look www.worldtattooevents.com

OK.. I see you have it working now.

ok alex...we can see it working

then empty your temp files in browser or try

hold strg and press F5 to reload everything new

OK Guys,

It looks indeed better. The event titles do show up now on 2 rows instead of one. Which makes it more readible.

Your help is very much appreciated and I've learned something tonight.

However my intention was to get the events listed vertically like UE-30 does.

Or like the SITES listing. Sites are easy to read thanks to a vertical layout.

How do I do that?