Using webfonts on menu

More
10 years 11 months ago #19650 by matteip
Hi, I need to use a different font on Accordeon CK menu.

What kind of setup I need to do? Where can I load the fonts?
Thank you.
Piero

Please Log in or Create an account to join the conversation.

More
10 years 11 months ago #19663 by ced1870
Replied by ced1870 on topic Using webfonts on menu
Hi
actually if you want to do that you must do it using your own css skills. You can do it in the theme of the module, or the template
There is no option for now to load an external font in the module
CEd

Joomlack Webmaster and Developer
The following user(s) said Thank You: matteip

Please Log in or Create an account to join the conversation.

More
10 years 11 months ago - 10 years 11 months ago #19689 by matteip
Replied by matteip on topic Using webfonts on menu
Hi,

I'm working on this matter and need some help.
I need to load one different font for some items on level 1.
I already modified mod_accordeonck_css.php settings in order to load different font and now need to load "special" anchor setup for specific items (for example item-634, item-658, ecc) and already made modification on mod_accordeonck.php.
Now, how can work all this together? I'm not able to load attachemnts but you can find all on fidelity2go site.
Thank you very much for helping!
Bye
Piero
Last edit: 10 years 11 months ago by matteip.

Please Log in or Create an account to join the conversation.

More
10 years 11 months ago #19691 by ced1870
Replied by ced1870 on topic Using webfonts on menu
ok

now need to load "special" anchor setup for specific items

I don't understand what you mean here. Please give me real example and details :)

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
10 years 11 months ago - 10 years 11 months ago #19706 by matteip
Replied by matteip on topic Using webfonts on menu
I need to use 2 different fonts for level1 menu items.
This is part of mod_accordeon_ck_css.php with modification in order to load different fonts/style:
Code:
/* style for all anchors */ <?php echo $id; ?> li a { font-family:'Walkway-SemiBold'; font-weight:bold; text-transform: uppercase; margin: 0; color: #555; text-align: left; display: block; padding-bottom: 7px; padding-left: 15px; padding-right: 4px; padding-top: 7px; text-decoration: none; background: none; } /* style for special anchors */ <?php echo $id; ?>spec li a { font-family:'Walkway-Black'; font-weight:bold; text-transform: uppercase; margin: 0; color: #555; text-align: left; display: block; padding-bottom: 7px; padding-left: 15px; padding-right: 4px; padding-top: 7px; text-decoration: none; background: none; }
This is mod_accordeon_ck.php modification in order to load different fonts:
Code:
// first level items $document->addStyleDeclaration("#" . $menuID . " li.level1 { " . $level1linkcss['padding'] . $level1linkcss['margin'] . $level1linkcss['background'] . $level1linkcss['gradient'] . $level1linkcss['borderradius'] . $level1linkcss['shadow'] . $level1linkcss['border'] . " } "); $document->addStyleDeclaration("#" . $menuID . " li.level1 > a { " . $level1linkcss['fontcolor'] . $level1linkcss['fontsize'] ." } "); $document->addStyleDeclaration("#" . $menuID . " li.level1 > a:hover { " . $level1linkcss['fontcolorhover'] . " } "); $document->addStyleDeclaration("#" . $menuID . " li.level1 > a span.accordeonckdesc { " . $level1linkcss['descfontcolor'] . $level1linkcss['descfontsize'] ." } "); // first level items special $document->addStyleDeclaration("#" . $menuID . "spec li.level1 { " . $level1linkcss['padding'] . $level1linkcss['margin'] . $level1linkcss['background'] . $level1linkcss['gradient'] . $level1linkcss['borderradius'] . $level1linkcss['shadow'] . $level1linkcss['border'] . " } "); $document->addStyleDeclaration("#" . $menuID . "spec li.level1 > a { " . $level1linkcss['fontcolor'] . $level1linkcss['fontsize'] ." } "); $document->addStyleDeclaration("#" . $menuID . "spec li.level1 > a:hover { " . $level1linkcss['fontcolorhover'] . " } "); $document->addStyleDeclaration("#" . $menuID . "spec li.level1 > a span.accordeonckdesc { " . $level1linkcss['descfontcolor'] . $level1linkcss['descfontsize'] ." } ");
Now I need to put all together and show 1 font for certain menu IDs and another font for some others menu IDs.
How can I make this? Need to work on helper.php?
Thank you
Piero
Last edit: 10 years 11 months ago by matteip.

Please Log in or Create an account to join the conversation.

More
10 years 10 months ago #19725 by ced1870
Replied by ced1870 on topic Using webfonts on menu
ok !
you don't need to hack the php file from the module. Just use the theme file.

for example for the first item you can apply a style (font) only on this item with
Code:
<?php echo $id; ?> li.item-435 > a { font-family:'Walkway-SemiBold'; }

Joomlack Webmaster and Developer
The following user(s) said Thank You: matteip

Please Log in or Create an account to join the conversation.

Time to create page: 0.218 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 3654 guests and one member online