Changing font size and style

708 views
Skip to first unread message

kar...@ucdavis.edu

unread,
Apr 11, 2016, 12:33:36 PM4/11/16
to ibexexperiments
Hi, 

I'm new to Ibex Farm and I have an experiment that's running just fine. The only thing I want to change is the font size and style of a Separator function. I read some related posts here and it looks like I have to create my own .css file with new fonts and styles. When I do this, should I call the new Separator.css file in the "var defaults" and "var items" sections? I did this but it's not working.

Any help would be  greatly appreciated.

Best,

Hossein

Tina S

unread,
Apr 15, 2016, 6:09:08 AM4/15/16
to ibexexperiments
Dear Hossein,

to change font size and color, you create a new .css file (since this one is supposed to "replace" the old global.css file, i would call it global_a.css or something). Here you define everything you want changed. This file is then loaded into the "css_includes" part of your ibex experiment.
you dont need to call for the .css file.
Here an example for the seperator part of my new global.css file:
.Separator-next-item-message {
    font-style: normal;
    font-family: Arial;
    color: #000099;
}

I hope i could help.
Best,
Tina

Alex Drummond

unread,
Apr 15, 2016, 6:13:29 AM4/15/16
to ibexexp...@googlegroups.com
Just to add to Tina's response, in general it's best to give the file a name which is further along alphabetically than "global_main.css" (e.g. "global_z.css"). This has the effect that the file is loaded after the main CSS file, so that you can override its definitions too. (In this particular case you don't need to do that, however, so the filename won't matter.)

CSS files beginning with the 'global_' prefix are not put through the CSS mangler (see section 12.1 of the manual).

Alex


--
You received this message because you are subscribed to the Google Groups "ibexexperiments" group.
To unsubscribe from this group and stop receiving emails from it, send an email to ibexexperimen...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Hossein Karimi

unread,
Apr 15, 2016, 8:46:30 PM4/15/16
to ibexexp...@googlegroups.com
Thank you very much Tina and Alex! I fixed the problem.

Best,

Hossein

--
You received this message because you are subscribed to a topic in the Google Groups "ibexexperiments" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/ibexexperiments/hDwm1j5S-0w/unsubscribe.
To unsubscribe from this group and all its topics, send an email to ibexexperimen...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages