SOLVED Custom CSS in a Duplicate template
-
-
- Thomas vR
- Sr. Rocketeer
- Posts: 117
- Thanks: 0
-
Hi,
How can I apply this http://www.rockettheme.com/forum/free-joomla-stuff/174956-your-first-css-custom-file-or-less-custom-file in a duplicate of the main template? I'm using Spectral and only want the custom CSS or LESS in one of my duplicates.
Secondly: Can I use standard HTML for the styling? I want to increase the font for both the Title and Description in Rocsprocket Lists. - Last Edit: 10 years 10 months ago by Thomas vR.
- Regards
Tom
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Thomas vR wrote:
How can I apply this http://www.rockettheme.com/forum/free-joomla-stuff/174956-your-first-css-custom-file-or-less-custom-file in a duplicate of the main template? I'm using Spectral and only want the custom CSS or LESS in one of my duplicates.Template overrides (a better description of the function it performs) are mainly used for changing what Features are present or not for the menu pages(s) assigned to use the Template override.
Styling a menu page is better left to using a page class suffix .
Thomas vR wrote:Secondly: Can I use standard HTML for the styling?You can but it's preferred to use CSS code and the leave styling for your CSS stylesheet.
Thomas vR wrote:I want to increase the font for both the Title and Description in Rocsprocket Lists.If this is a site that is online could you please supply a link so we can better diagnose the issue?
It makes our suggestions more accurate if we see the actual coding of your site. -
The following users have thanked you: Thomas vR
-
-
-
- Thomas vR
- Sr. Rocketeer
- Posts: 117
- Thanks: 0
-
Thanks for the quick response Dan,
Unfortunately I will not be able to post a link to the website at this moment. It will be a subscription site and I still have a lot to do before it will be ready.
It sound like a lot of work using the page class suffix. I will try, but at the moment I'm using the following in the Roksprocket Lists modules:
For the Title:<style>p {font-size:300%;}</style><p>QUESTION TITLE</p>
For the Description:<h1 style="font-family:verdana;">ANSWER</h1>
They both works quite well and it is easy to save a copy of the module and work from there. For the description I've tried various font html options, but not working as well as the heading 1 option.
If you perhaps have a better way of changing the font sizes for the Description directly in the module, it will be most welcomed.
Lastly. It is really a fantastic well written article you wrote about the CSS and LESS custom files. It will come in very handy for my other stuff. Thank you. - Regards
Tom
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
page class suffix in brief.
- Gantry generates a page class suffix for every menu page, so your "Special" page is called by Gantry in the <body class> menu-special
- all your pages have a black font colour -> body {color: black}
- so for red font on your "Special" page -> .menu-special {color: red}
Since <body> encompasses the whole page and Gantry places the page class suffix in the <body> element, then on any given page, ie menu-special the <body> statement is the same as using ".menu-special". - Last Edit: 10 years 11 months ago by DanG.
-
The following users have thanked you: Thomas vR
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Thomas vR wrote:
Thanks Dan,
I will definately explore this option and should I not get it right (also with assistance from other solved threads), I will submit new topic.
To mark this issue as Solved, please change to a Checkmark and edit the Topic Title in your 1st post to read[SOLVED] Topic TitleThis image is hidden for guests.
Please log in or register to see it.
Thanks.
Create a new topic and post the link back here and I'll help you through it
-
Time to create page: 0.067 seconds