[TYPO3-english] twitter bootstrap demo and css modifications

Mauro Lorenzutti mauro.lorenzutti at webformat.com
Sat Oct 5 13:33:36 CEST 2013


Hi Katja,

Il 04/10/2013 21:08, Katja Lampela ha scritto:
> Hi,
>
> Testing the twitter bootstrap demo package.
>
> How do you guys modify the css styles? The stylesheet is rendered on fly
> into typo3temp and so the browser's style inspector isn't helpful as
> usually -> it's really hard to find the styles in stylesheets to modify.
> Also if you add your own stylesheet, it's loaded first and so it's
> overridden. Any hint how to change the loading order or otherwise help
> css editing?

Are you speaking about the Fedext project?

If so, to customize the css files you have to perform the following steps:

1. copy
typo3conf/ext/speciality/Resources/Private/[Layouts,Partials,Templates]
into, e.g.
fileadmin/template

2. insert the following TS code into the setup of the root template:
plugin.tx_fluidpages.collections.speciality.templateRootPath = 
fileadmin/template/Templates/
plugin.tx_fluidcontent.collections.speciality.templateRootPath = 
fileadmin/template/Templates/
plugin.tx_fluidpages.collections.speciality.partialRootPath = 
fileadmin/template/Partials/
plugin.tx_fluidpages.collections.speciality.layoutRootPath = 
fileadmin/template/Layouts/

3. now you can edit the file
fileadmin/template/Partials/SharedResources.html
and modify the css inclusions

4. during development phase you may want to add the following TS code too:
config.sendCacheHeaders = 0


Hope this will help you.

Regards,
-- 
Mauro Lorenzutti

CTO / Software Architect
mauro.lorenzutti at webformat.com
Tel.   +39-0427-926.389

WEBFORMAT srl – www.webformat.com
Via S. Francesco d'Assisi, 6 – 20122 MILANO
Corte Europa, 12 - 33097 SPILIMBERGO (PN)

*** TYPO3 Certified Integrator ***
*** Magento Certified Developer ***



More information about the TYPO3-english mailing list