[TYPO3-english] Custom CSS

Discussion:

Wiesław Golsz

2018-08-13 12:28:57 UTC

Hello,

I made a copy of the original "Introduction" template. The original one
was hidden.

I removed from the test template "includeCSSLibs" and "includeCSS" -
was cleared.

I have includ the line to "Constant".
page.includeCSS = fileadmin/intense/css/style.css

But TYPO3 does not load customized css:
http://remax-prestige.pl/typo3/

It should be like here
http://remax-prestige.pl/htb/novi/projects/template/test2.html

The whole template record:

Constant

/[treeLevel = 0]//
//page.theme.navigationstyle = default-transition//
//page.theme.navigationtype = top//
//[end]//
//plugin.bootstrap_package.settings.less.brand-primary = #10a0cb//
//page.theme.copyright.text = Running with <a
href="http://www.typo3.org" target="_blank">TYPO3</a> and <a
href="https://github.com/benjaminkott/bootstrap_package"
target="_blank">Bootstrap Package</a>.//
//page.theme.meta.enable = 0//
//page.logo.file = fileadmin/introduction/images/introduction-package.svg//
//page.logo.fileInverted =
fileadmin/introduction/images/introduction-package-inverted.svg//
//page.includeCSS = fileadmin/intense/css/style.css//
//plugin.bootstrap_package.settings.less.section-primary-link-color = #ff8//
//plugin.bootstrap_package_contentelements.menu_thumbnail.media.height =
170m//
//plugin.bootstrap_package_contentelements.menu_thumbnail.media.width = 170/

Setup

/page.includeCSS. =//
//page.includeCSSLibs >//
//page.includeCSS >/

Regards,

j***@donslund.net

2018-08-13 12:36:00 UTC

Permalink

Hi Wieslaw

Try

page.includeCSS.myCss = fileadmin/intense/css/style.css

I think it need a "name"

Then you can include another css file with

page.includeCSS.anotherCss = fileadmin/intense/css/style.css

Regards
Jeppe Donslund

Post by WiesÅaw Golsz
Hello,
I made a copy of the original "Introduction" template. The original one
was hidden.
I removed from the test template "includeCSSLibs" and "includeCSS" -
was cleared.
I have includ the line to "Constant".
page.includeCSS = fileadmin/intense/css/style.css
http://remax-prestige.pl/typo3/
It should be like here
http://remax-prestige.pl/htb/novi/projects/template/test2.html
Constant
/[treeLevel = 0]//
//page.theme.navigationstyle = default-transition//
//page.theme.navigationtype = top//
//[end]//
//plugin.bootstrap_package.settings.less.brand-primary = #10a0cb//
//page.theme.copyright.text = Running with <a
href="http://www.typo3.org" target="_blank">TYPO3</a> and <a
href="https://github.com/benjaminkott/bootstrap_package"
target="_blank">Bootstrap Package</a>.//
//page.theme.meta.enable = 0//
//page.logo.file =
fileadmin/introduction/images/introduction-package.svg//
//page.logo.fileInverted =
fileadmin/introduction/images/introduction-package-inverted.svg//
//page.includeCSS = fileadmin/intense/css/style.css//
//plugin.bootstrap_package.settings.less.section-primary-link-color = #ff8//
//plugin.bootstrap_package_contentelements.menu_thumbnail.media.height =
170m//
//plugin.bootstrap_package_contentelements.menu_thumbnail.media.width = 170/
Setup
/page.includeCSS. =//
//page.includeCSSLibs >//
//page.includeCSS >/
Regards,
_______________________________________________
TYPO3-english mailing list
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Wieslaw Golsz

2018-08-13 12:46:50 UTC

Permalink

Thank you very much for your answer.  I tried:page.includeCSS.styleCSS = fileadmin/intense/css/style.cssbut not positive results...W.Od: ***@donslund.netDo: "TYPO3 English" <typo3-***@lists.typo3.org>; Wysłane: 14:36 Poniedziałek 2018-08-13Temat: Re: [TYPO3-english] Custom CSS> Hi Wieslaw
>
> Try
>
> page.includeCSS.myCss = fileadmin/intense/css/style.css
>
> I think it need a "name"
>
> Then you can include another css file with
>
> page.includeCSS.anotherCss = fileadmin/intense/css/style.css
>
>
> Regards
> Jeppe Donslund
>
>
> Wiesław Golsz skrev den 13.08.2018 14:28:
> > Hello,
> >
> > I made a copy of the original "Introduction" template. The original one
> > was hidden.
> >
> > I removed from the test template "includeCSSLibs" and "includeCSS" -
> > was cleared.
> >
> > I have includ the line to "Constant".
> > page.includeCSS = fileadmin/intense/css/style.css
> >
> > But TYPO3 does not load customized css:
> > http://remax-prestige.pl/typo3/
> >
> > It should be like here
> > http://remax-prestige.pl/htb/novi/projects/template/test2.html
> >
> > The whole template record:
> >
> > Constant
> >
> > /[treeLevel = 0]//
> > //page.theme.navigationstyle = default-transition//
> > //page.theme.navigationtype = top//
> > //[end]//
> > //plugin.bootstrap_package.settings.less.brand-primary = #10a0cb//
> > //page.theme.copyright.text = Running with href="http://www.typo3.org" target="_blank">TYPO3 and href="https://github.com/benjaminkott/bootstrap_package"
> > target="_blank">Bootstrap Package.//
> > //page.theme.meta.enable = 0//
> > //page.logo.file =
> > fileadmin/introduction/images/introduction-package.svg//
> > //page.logo.fileInverted =
> > fileadmin/introduction/images/introduction-package-inverted.svg//
> > //page.includeCSS = fileadmin/intense/css/style.css//
> > //plugin.bootstrap_package.settings.less.section-primary-link-color =
> > #ff8//
> > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.height
> > =
> > 170m//
> > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.width =
> > 170/
> >
> > Setup
> >
> > /page.includeCSS. =//
> > //page.includeCSSLibs >//
> > //page.includeCSS >/
> >
> > Regards,
> >
> > _______________________________________________
> > TYPO3-english mailing list
> > TYPO3-***@lists.typo3.org
> > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english
> _______________________________________________
> TYPO3-english mailing list
> TYPO3-***@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Wieslaw Golsz

2018-08-13 15:17:50 UTC

Permalink

In Constant

page.includeCSS.styleCSS = fileadmin/intense/css/style.css

In Setup

page.includeCSS.styleCSS = {
 file1 = fileadmin/intense/css/style.css
}
page.includeCSSLibs >
page.includeCSS.styleCSS >Result:http://remax-prestige.pl/typo3/Where is the mistake?W.Od: "Wieslaw Golsz" <***@interia.pl>Do: "TYPO3 English" <typo3-***@lists.typo3.org>; Wysłane: 14:47 Poniedziałek 2018-08-13Temat: Re: [TYPO3-english] Custom CSS> Thank you very much for your answer. I tried:page.includeCSS.styleCSS = fileadmin/intense/css/style.cssbut not positive results...W.Od: ***@donslund.netDo: "TYPO3 English" <typo3-***@lists.typo3.org>; Wysłane: 14:36 Poniedziałek 2018-08-13Temat: Re: [TYPO3-english] Custom CSS> Hi Wieslaw
> >
> > Try
> >
> > page.includeCSS.myCss = fileadmin/intense/css/style.css
> >
> > I think it need a "name"
> >
> > Then you can include another css file with
> >
> > page.includeCSS.anotherCss = fileadmin/intense/css/style.css
> >
> >
> > Regards
> > Jeppe Donslund
> >
> >
> > Wiesław Golsz skrev den 13.08.2018 14:28:
> > > Hello,
> > >
> > > I made a copy of the original "Introduction" template. The original one
> > > was hidden.
> > >
> > > I removed from the test template "includeCSSLibs" and "includeCSS" -
> > > was cleared.
> > >
> > > I have includ the line to "Constant".
> > > page.includeCSS = fileadmin/intense/css/style.css
> > >
> > > But TYPO3 does not load customized css:
> > > http://remax-prestige.pl/typo3/
> > >
> > > It should be like here
> > > http://remax-prestige.pl/htb/novi/projects/template/test2.html
> > >
> > > The whole template record:
> > >
> > > Constant
> > >
> > > /[treeLevel = 0]//
> > > //page.theme.navigationstyle = default-transition//
> > > //page.theme.navigationtype = top//
> > > //[end]//
> > > //plugin.bootstrap_package.settings.less.brand-primary = #10a0cb//
> > > //page.theme.copyright.text = Running with href="http://www.typo3.org" target="_blank">TYPO3 and href="https://github.com/benjaminkott/bootstrap_package"
> > > target="_blank">Bootstrap Package.//
> > > //page.theme.meta.enable = 0//
> > > //page.logo.file =
> > > fileadmin/introduction/images/introduction-package.svg//
> > > //page.logo.fileInverted =
> > > fileadmin/introduction/images/introduction-package-inverted.svg//
> > > //page.includeCSS = fileadmin/intense/css/style.css//
> > > //plugin.bootstrap_package.settings.less.section-primary-link-color =
> > > #ff8//
> > > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.height
> > > =
> > > 170m//
> > > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.width =
> > > 170/
> > >
> > > Setup
> > >
> > > /page.includeCSS. =//
> > > //page.includeCSSLibs >//
> > > //page.includeCSS >/
> > >
> > > Regards,
> > >
> > > _______________________________________________
> > > TYPO3-english mailing list
> > > TYPO3-***@lists.typo3.org
> > > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english
> > _______________________________________________
> > TYPO3-english mailing list
> > TYPO3-***@lists.typo3.org
> > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english
> _______________________________________________
> TYPO3-english mailing list
> TYPO3-***@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Luis E. Suarez

2018-08-13 12:45:28 UTC

Permalink

Post by WiesÅaw Golsz
Hello,
I made a copy of the original "Introduction" template. The original one
was hidden.
I removed from the test template "includeCSSLibs" and "includeCSS" -
was cleared.
I have includ the line to "Constant".
page.includeCSS = fileadmin/intense/css/style.css
http://remax-prestige.pl/typo3/
It should be like here
http://remax-prestige.pl/htb/novi/projects/template/test2.html
Constant
/[treeLevel = 0]//
//page.theme.navigationstyle = default-transition//
//page.theme.navigationtype = top//
//[end]//
//plugin.bootstrap_package.settings.less.brand-primary = #10a0cb//
//page.theme.copyright.text = Running with <a
href="http://www.typo3.org" target="_blank">TYPO3</a> and <a
href="https://github.com/benjaminkott/bootstrap_package"
target="_blank">Bootstrap Package</a>.//
//page.theme.meta.enable = 0//
//page.logo.file = fileadmin/introduction/images/introduction-package.svg//
//page.logo.fileInverted =
fileadmin/introduction/images/introduction-package-inverted.svg//
//page.includeCSS = fileadmin/intense/css/style.css//
//plugin.bootstrap_package.settings.less.section-primary-link-color = #ff8//
//plugin.bootstrap_package_contentelements.menu_thumbnail.media.height =
170m//
//plugin.bootstrap_package_contentelements.menu_thumbnail.media.width = 170/
Setup
/page.includeCSS. =//
//page.includeCSSLibs >//
//page.includeCSS >/
Regards,

In template Setup:

page.includeCSS {
file1 = fileadmin/templates/mytemplate/css/styles.css
}

Wieslaw Golsz

2018-08-13 12:58:12 UTC

Permalink

Thank you, it's better, but not everything, there is no division (in this case 50/50). It is:http://remax-prestige.pl/typo3/Should be:http://remax-prestige.pl/htb/novi/projects/template/test2.htmlOd: "Luis E. Suarez" <***@please.com>Do: typo3-***@lists.typo3.org; Wysłane: 14:50 Poniedziałek 2018-08-13Temat: Re: [TYPO3-english] Custom CSS> Wiesław Golsz wrote:
> > Hello,
> >
> > I made a copy of the original "Introduction" template. The original one
> > was hidden.
> >
> > I removed from the test template "includeCSSLibs" and "includeCSS" -
> > was cleared.
> >
> > I have includ the line to "Constant".
> > page.includeCSS = fileadmin/intense/css/style.css
> >
> > But TYPO3 does not load customized css:
> > http://remax-prestige.pl/typo3/
> >
> > It should be like here
> > http://remax-prestige.pl/htb/novi/projects/template/test2.html
> >
> > The whole template record:
> >
> > Constant
> >
> > /[treeLevel = 0]//
> > //page.theme.navigationstyle = default-transition//
> > //page.theme.navigationtype = top//
> > //[end]//
> > //plugin.bootstrap_package.settings.less.brand-primary = #10a0cb//
> > //page.theme.copyright.text = Running with href="http://www.typo3.org" target="_blank">TYPO3 and href="https://github.com/benjaminkott/bootstrap_package"
> > target="_blank">Bootstrap Package.//
> > //page.theme.meta.enable = 0//
> > //page.logo.file = fileadmin/introduction/images/introduction-package.svg//
> > //page.logo.fileInverted =
> > fileadmin/introduction/images/introduction-package-inverted.svg//
> > //page.includeCSS = fileadmin/intense/css/style.css//
> > //plugin.bootstrap_package.settings.less.section-primary-link-color = #ff8//
> > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.height =
> > 170m//
> > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.width = 170/
> >
> > Setup
> >
> > /page.includeCSS. =//
> > //page.includeCSSLibs >//
> > //page.includeCSS >/
> >
> > Regards,
> >
>
> In template Setup:
>
> page.includeCSS {
> file1 = fileadmin/templates/mytemplate/css/styles.css
> }
> _______________________________________________
> TYPO3-english mailing list
> TYPO3-***@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Luis E. Suarez

2018-08-13 16:46:02 UTC

Permalink

Post by Wieslaw Golsz
> > Hello,
> >
> > I made a copy of the original "Introduction" template. The original one
> > was hidden.
> >
> > I removed from the test template "includeCSSLibs" and "includeCSS" -
> > was cleared.
> >
> > I have includ the line to "Constant".
> > page.includeCSS = fileadmin/intense/css/style.css
> >
> > http://remax-prestige.pl/typo3/
> >
> > It should be like here
> > http://remax-prestige.pl/htb/novi/projects/template/test2.html
> >
> >
> > Constant
> >
> > /[treeLevel = 0]//
> > //page.theme.navigationstyle = default-transition//
> > //page.theme.navigationtype = top//
> > //[end]//
> > //plugin.bootstrap_package.settings.less.brand-primary = #10a0cb//
> > //page.theme.copyright.text = Running with href="http://www.typo3.org" target="_blank">TYPO3 and href="https://github.com/benjaminkott/bootstrap_package"
> > target="_blank">Bootstrap Package.//
> > //page.theme.meta.enable = 0//
> > //page.logo.file = fileadmin/introduction/images/introduction-package.svg//
> > //page.logo.fileInverted =
> > fileadmin/introduction/images/introduction-package-inverted.svg//
> > //page.includeCSS = fileadmin/intense/css/style.css//
> > //plugin.bootstrap_package.settings.less.section-primary-link-color = #ff8//
> > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.height =
> > 170m//
> > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.width = 170/
> >
> > Setup
> >
> > /page.includeCSS. =//
> > //page.includeCSSLibs >//
> > //page.includeCSS >/
> >
> > Regards,
> >
>
>
> page.includeCSS {
> file1 = fileadmin/templates/mytemplate/css/styles.css
> }
> _______________________________________________
> TYPO3-english mailing list
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

I have never placed a .css call in the Constants section.
Take a look at this page:
https://wiki.typo3.org/TS/CSS:_Typo3_TypoScript_Setup

Wieslaw Golsz

2018-08-13 17:09:49 UTC

Permalink

You have right, thank you very much.I removed from Constant, now, in Setup is only:
page.includeCSS.styleCSS = fileadmin/intense/css/style.css

It's "almost" okay,
http://remax-prestige.pl/typo3/
only the width is set incorrectly, it should be on the whole:
http://remax-prestige.pl/htb/novi/projects/template/test2.htmlW.Od: "Luis E. Suarez" <***@please.com>Do: typo3-***@lists.typo3.org; Wysłane: 18:50 Poniedziałek 2018-08-13Temat: Re: [TYPO3-english] Custom CSS> Wieslaw Golsz wrote:
> > Thank you, it's better, but not everything, there is no division (in this case 50/50). It is:http://remax-prestige.pl/typo3/Should be:http://remax-prestige.pl/htb/novi/projects/template/test2.htmlOd: "Luis E. Suarez" <***@please.com>Do: typo3-***@lists.typo3.org; Wysłane: 14:50 Poniedziałek 2018-08-13Temat: Re: [TYPO3-english] Custom CSS> Wiesław Golsz wrote:
> > > > Hello,
> > > >
> > > > I made a copy of the original "Introduction" template. The original one
> > > > was hidden.
> > > >
> > > > I removed from the test template "includeCSSLibs" and "includeCSS" -
> > > > was cleared.
> > > >
> > > > I have includ the line to "Constant".
> > > > page.includeCSS = fileadmin/intense/css/style.css
> > > >
> > > > But TYPO3 does not load customized css:
> > > > http://remax-prestige.pl/typo3/
> > > >
> > > > It should be like here
> > > > http://remax-prestige.pl/htb/novi/projects/template/test2.html
> > > >
> > > > The whole template record:
> > > >
> > > > Constant
> > > >
> > > > /[treeLevel = 0]//
> > > > //page.theme.navigationstyle = default-transition//
> > > > //page.theme.navigationtype = top//
> > > > //[end]//
> > > > //plugin.bootstrap_package.settings.less.brand-primary = #10a0cb//
> > > > //page.theme.copyright.text = Running with href="http://www.typo3.org" target="_blank">TYPO3 and href="https://github.com/benjaminkott/bootstrap_package"
> > > > target="_blank">Bootstrap Package.//
> > > > //page.theme.meta.enable = 0//
> > > > //page.logo.file = fileadmin/introduction/images/introduction-package.svg//
> > > > //page.logo.fileInverted =
> > > > fileadmin/introduction/images/introduction-package-inverted.svg//
> > > > //page.includeCSS = fileadmin/intense/css/style.css//
> > > > //plugin.bootstrap_package.settings.less.section-primary-link-color = #ff8//
> > > > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.height =
> > > > 170m//
> > > > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.width = 170/
> > > >
> > > > Setup
> > > >
> > > > /page.includeCSS. =//
> > > > //page.includeCSSLibs >//
> > > > //page.includeCSS >/
> > > >
> > > > Regards,
> > > >
> > >
> > > In template Setup:
> > >
> > > page.includeCSS {
> > > file1 = fileadmin/templates/mytemplate/css/styles.css
> > > }
> > > _______________________________________________
> > > TYPO3-english mailing list
> > > TYPO3-***@lists.typo3.org
> > > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english
> >
>
> I have never placed a .css call in the Constants section.
> Take a look at this page:
> https://wiki.typo3.org/TS/CSS:_Typo3_TypoScript_Setup
> _______________________________________________
> TYPO3-english mailing list
> TYPO3-***@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Luis E. Suarez

2018-08-14 00:48:00 UTC

Permalink

Post by Wieslaw Golsz
page.includeCSS.styleCSS = fileadmin/intense/css/style.css
It's "almost" okay,
http://remax-prestige.pl/typo3/
> > > > Hello,
> > > >
> > > > I made a copy of the original "Introduction" template. The original one
> > > > was hidden.
> > > >
> > > > I removed from the test template "includeCSSLibs" and "includeCSS" -
> > > > was cleared.
> > > >
> > > > I have includ the line to "Constant".
> > > > page.includeCSS = fileadmin/intense/css/style.css
> > > >
> > > > http://remax-prestige.pl/typo3/
> > > >
> > > > It should be like here
> > > > http://remax-prestige.pl/htb/novi/projects/template/test2.html
> > > >
> > > >
> > > > Constant
> > > >
> > > > /[treeLevel = 0]//
> > > > //page.theme.navigationstyle = default-transition//
> > > > //page.theme.navigationtype = top//
> > > > //[end]//
> > > > //plugin.bootstrap_package.settings.less.brand-primary = #10a0cb//
> > > > //page.theme.copyright.text = Running with href="http://www.typo3.org" target="_blank">TYPO3 and href="https://github.com/benjaminkott/bootstrap_package"
> > > > target="_blank">Bootstrap Package.//
> > > > //page.theme.meta.enable = 0//
> > > > //page.logo.file = fileadmin/introduction/images/introduction-package.svg//
> > > > //page.logo.fileInverted =
> > > > fileadmin/introduction/images/introduction-package-inverted.svg//
> > > > //page.includeCSS = fileadmin/intense/css/style.css//
> > > > //plugin.bootstrap_package.settings.less.section-primary-link-color = #ff8//
> > > > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.height =
> > > > 170m//
> > > > //plugin.bootstrap_package_contentelements.menu_thumbnail.media.width = 170/
> > > >
> > > > Setup
> > > >
> > > > /page.includeCSS. =//
> > > > //page.includeCSSLibs >//
> > > > //page.includeCSS >/
> > > >
> > > > Regards,
> > > >
> > >
> > >
> > > page.includeCSS {
> > > file1 = fileadmin/templates/mytemplate/css/styles.css
> > > }
> > > _______________________________________________
> > > TYPO3-english mailing list
> > > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english
> >
>
> I have never placed a .css call in the Constants section.
> https://wiki.typo3.org/TS/CSS:_Typo3_TypoScript_Setup
> _______________________________________________
> TYPO3-english mailing list
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

I'm glad I could help.