SOLVED custom presets
-
-
- xdwgg
- Rocketeer
- Posts: 51
- Thanks: 0
-
Hi,
i'm new to css customisation and does not have strong/solid knowledge on joomla.
i want to create a custom preset where the presets can change the text colour, size n etc. basically for the w3c.
refering to www.gantry-framework.org/documentation/j...ze/custom_presets.md , so i save a preset in the gantry template page, and preset.ini created.
i shall be able to access the new preset via /?presets=mynewpreset
the content of preset.ini is as follows:
[presets]
mynewpreset_name="mynewpreset"
mynewpreset_headerstyle="light"
mynewpreset_linkcolor="#2698de"
mynewpreset_font-family="s:helvetica"
my question, is there any other parameter that can be customised other than 4 listed above? as for example, background colour, menu background n etc. if yes, where do i refer to?
thanks
----
quick read:
www.rockettheme.com/forum/gantry-framewo...ets?start=10#1096816
www.rockettheme.com/forum/gantry-framewo...ets?start=10#1096830 - Last Edit: 10 years 6 months ago by xdwgg.
-
-
-
- xdwgg
- Rocketeer
- Posts: 51
- Thanks: 0
-
hi,
in the preset.ini, how do i include changing font and background colour? at the moment it change headerstyle, fontstyle and link color.
i checked the template-options.xml, but not sure what should i do with the file in order to help me achieve in changing the colour.
thanks
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
just check the options in that file
<field name="headerstyle" type="selectbox" default="dark" label="HEADER_STYLE" isbodyclass="true" description="HEADER_STYLE_DESC" setbyurl="true" setinsession="true" setbysession="true" setincookie="true" setbycookie="true">
<option value="dark">DARK</option>
<option value="light">LIGHT</option>
</field>
and you have this in the presets
'headerstyle' => 'dark',
just look for other fields.
Be aware you ant't do everything via options and presets.
Some stuff needs to be done via CSS ...
-
-
-
- xdwgg
- Rocketeer
- Posts: 51
- Thanks: 0
-
hi,
actually what i am trying to do here is to change certain colour. as for example, i have the following css in my custom css file,
.mid-module-title h2.title { font-size: 20px; padding-bottom: 0px; text-align: center; background-color: #b0c4de; text-shadow: 0px 0px; }
how do i change the value of background-color via preset? i want to allow the visitor to choose the colour. as for example,
/?preset=blue will change the background-color to #333399
/?preset=green will change to #33cc33
thanks
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
you need to an option in the template for that.
You need set up a few things to get the variable you set in the preset to CSS.
Seems to be a crazy way to do that ... why do want to do that via a preset?
Looks like overkill to me?
-
-
-
- xdwgg
- Rocketeer
- Posts: 51
- Thanks: 0
-
i'm thingking of preset since via preset, we can change the link colour, so i might be able to do others too. till you point me to the tamplate-options.xml.
i'm not sure if i can achieve it by other way.
any easier way?
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
What you want is explained in the docs and I don't really want to repeat all the stuff:
Add an option (variable) to the template
www.gantry-framework.org/documentation/joomla/advanced/setby.md
www.gantry-framework.org/documentation/j...arameter_chaining.md
I suggest to check the existing fields in template-options.xml to learn the syntax
Setup a feature to call the variable and pass it to LESS > CSS
www.gantry-framework.org/documentation/j...ating_new_feature.md
Pass the option to Less > CSS
www.gantry-framework.org/documentation/j...advanced/less_css.md
www.gantry-framework.org/documentation/j...ze/custom_presets.md
Add a Less file ...
Since setting a color is a design decision that you normally do when you set up a site.
I most cases they is no need to change the color afterwards.
The main purpose of Presets is to help template-developers to set up styles.
I would just add a bunch of module-suffixes maybe in combination with page classes to define colors.
A bit different if you want to use one of the already existing variables.
In this case you just need to set up a custom less file.
-
-
-
- xdwgg
- Rocketeer
- Posts: 51
- Thanks: 0
-
hi Henning,
in my old joomla 1.5, using rt_syndicate which also gantry based i have this
This image is hidden for guests.
Please log in or register to see it.
where in the gantry-config.php i have the following, the sample,:
'preset6' => array ( 'name' => 'Preset 6', 'page-background' => '#C8C7BD', 'logo-background' => '#396C78', 'logo-text' => '#FFFFFF', 'logo-style' => '3', 'logo-overlay' => 'dark', 'logo-link' => '#CF3F1B', 'header-background' => '#2E1142', 'header-text' => '#ffffff', 'header-image' => '8', 'header-overlay' => 'dark', 'header-link' => '#FFFFFF', 'submenu-background' => '#D3D2C7', 'submenu-text' => '#2D0F42', 'submenu-overlay' => 'dark', 'submenu-link' => '#2D0F42', 'body-background' => '#E5E4D9', 'body-text' => '#444', 'body-overlay' => 'light', 'body-link' => '#2D7484', 'footer-background' => '#C8C7BD', 'footer-text' => '#666666', 'footer-overlay' => 'light', 'footer-link' => '#2D7484', 'alert-background' => '#C6D2D4', 'alert-text' => '#333333', 'readonstyle' => 'button', 'articlestyle' => 'title7', 'articledetails' => 'layout2', 'headerwidth' => 'full', 'footerwidth' => 'full', 'webfonts-enabled' => '0', 'webfonts-source' => 'google', 'font-family' => 'syndicate' ),
and sample from the 1.5 templateDetails.xml
<param name="footer" type="groupedparams" label="FOOTER_CHOOSER" description="FOOTER_CHOOSER_DESC"> <param name="background" type="colorchooser" default="#f1f1f1" position="left" label="BG" setinsession="true" setbysession="true" setincookie="true" setbycookie="true"/> <param name="text" type="colorchooser" default="#666666" position="left" label="TEXT" setinsession="true" setbysession="true" setincookie="true" setbycookie="true"/> <param name="overlay" type="selectbox" default="light" position="right" class="rokradios" label="OVERLAY" setinsession="true" setbysession="true" setincookie="true" setbycookie="true" setclassbytag="rt-footerbar"> <option value="light">LIGHT</option> <option value="dark">DARK</option> </param> <param name="link" type="colorchooser" default="#A50C0F" position="right" label="LINK" setinsession="true" setbysession="true" setincookie="true" setbycookie="true"/> </param>
seems like it's a lot of preset that we can control. how do we have that in the current version? i'm using gantry framework 4.
-
Time to create page: 0.059 seconds