Hi Shazia,
you are right the styles.css is not longer the primary css file of dspace. At the moment it is only used in popup (help pages & some administrative features) so we will probably completely remove it in the a future version.

The relevant css files are
/static/css/jquery-ui-1.10.3.custom/redmond/jquery-ui-1.10.3.custom.css
/static/css/bootstrap/bootstrap.min.css
/static/css/bootstrap/bootstrap-theme.min.css
/static/css/bootstrap/dspace-theme.css

all in <dspace-src>\dspace-jspui\src\main\webapp\
So only the minimized version of bootstrap css are used, the exploded version is included to make easier understand the files and maybe override few definitions in dspace-theme.css. My suggestion is to replace the bootstrap files (you can put your customization in jspui/src/main/webapp/) with file generated using the bootstrap customize form
http://getbootstrap.com/customize
or choosing a prebuild theme from
http://bootswatch.com <http://bootswatch.com/>

as we are also using some widget from the JQuery UI project you probably want to replace the redmond's folder files with ones downloaded or generated from here
http://jqueryui.com/themeroller/
The jqueryui redmond theme indeed works well with the default bootstrap theme.

Finally, the dspace-theme.css files contains minimal tricks specific of dspace that probably will need some edit if you change the bootstrap/jqueryui theme.
Hope this helps,
Andrea




Il 13/01/2014 19.28, Shazia Sathar ha scritto:
Hello All,

I am trying to customize fonts and colors in the home page. Looks like the stylesheet styles.css is not used anymore for the DSpace 4 pages. Could someone please point me to location of the .css file?
I found these .css files:

<dspace-src>\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap.css
<dspace-src>\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap-theme.css
<dspace-src>\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap.min.css
<dspace-src>\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap-theme.min.css


I followed the usual steps to modify files and rebuild but the changes do not reflect on the page. Also bootstrap.css and bootstrap.min.css seem to be the same file but formatted differently. I am not sure which one to modify.
Is there something different we need to do in DSpace 4 to customize JSPUI?

Regards,
Shazia


------------------------------------------------------------------------------
CenturyLink Cloud: The Leader in Enterprise Cloud Services.
Learn Why More Businesses Are Choosing CenturyLink Cloud For
Critical Workloads, Development Environments & Everything In Between.
Get a Quote or Start a Free Trial Today.
http://pubads.g.doubleclick.net/gampad/clk?id=119420431&iu=/4140/ostg.clktrk


_______________________________________________
DSpace-tech mailing list
DSpace-tech@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/dspace-tech
List Etiquette: https://wiki.duraspace.org/display/DSPACE/Mailing+List+Etiquette


--
Andrea Bollini
Dipartimento Servizi e Soluzioni per l'Amministrazione Universitaria
Divisione Ricerca

Via dei Tizii, 6
00185 Roma, Italy
tel. +39 06 44 486 087 - mob. +39 348 82 77 525
http://www.cineca.it

------------------------------------------------------------------------------
CenturyLink Cloud: The Leader in Enterprise Cloud Services.
Learn Why More Businesses Are Choosing CenturyLink Cloud For
Critical Workloads, Development Environments & Everything In Between.
Get a Quote or Start a Free Trial Today. 
http://pubads.g.doubleclick.net/gampad/clk?id=119420431&iu=/4140/ostg.clktrk
_______________________________________________
DSpace-tech mailing list
DSpace-tech@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/dspace-tech
List Etiquette: https://wiki.duraspace.org/display/DSPACE/Mailing+List+Etiquette

Reply via email to