Joomla Templates Club 406,261 posts

[Crealia Friend CrealiaJoin date: May 2016Posts: 15Downloads:27Uploads:0 Thanks: 1]

#974222

How can I change the button icon of the sidebar (3 vertical dots) to something else?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#974276

Hi
This is defined via style classes , check this : http://prntscr.com/cqspr7
You can modify the style class for patty in /templates/ja_mono/css/off-canvas.css to define different style .
Or u can change the class with an icon from /tpls/blocks/off-canvas.php file
Find below code

  <span class="patty"></span>

[Crealia Friend CrealiaJoin date: May 2016Posts: 15Downloads:27Uploads:0 Thanks: 1]

#974463

How can I modify that file without loosing the ability to update the template without loosing my hack?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#974675

Hi
If you are doing change in the css , i suggest you to use custom.css file to override custom changes .
if changes are in php file , you can make an override in /local/tpls/blocks/off-canvas.php file .

[Crealia Friend CrealiaJoin date: May 2016Posts: 15Downloads:27Uploads:0 Thanks: 1]

#974962

I already tryed using custom.css but I had not able to override the ellipsis icon with another from font-awesome. Any suggestion of a CSS code working in override with font awesome icon?

On which class should I apply it?

Thanks in advance.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#974967

Hi
Go to /templates/ja_mono/css/off-canvas.css
Find this code

 <span class="patty"></span>

Replace it with your font awesome icon code .
Apply your custom style on font via custom.css file .

[Crealia Friend CrealiaJoin date: May 2016Posts: 15Downloads:27Uploads:0 Thanks: 1]

#974990

Ok, but I don’t want to lose this hack with future update of the template. I suppose that if I edit the file off-canvas.css, then I’ll lose my hack when I update the template.

Any other solution?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#974995

Hi
I already suggested the override solution for this , kindly read my reply above

if changes are in php file , you can make an override in /local/tpls/blocks/off-canvas.php file .

[Crealia Friend CrealiaJoin date: May 2016Posts: 15Downloads:27Uploads:0 Thanks: 1]

#975016

I’ve edited the php file:

<button class="btn btn-menu off-canvas-toggle <?php $this->_c(‘off-canvas’) ?>" type="button" data-pos="left" data-nav="#t3-off-canvas" data-effect="<?php echo $this->getParam(‘addon_offcanvas_effect’, ‘off-canvas-effect-4’) ?>">
<span class="fa fa-home">

But it didn’t changed the ellipsis icon but only the "burger menu" icon.

What part of the php code should I edit to change the ellipsis iscon?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#975036

Hi
Kindly apply the suggestion above to changes ,
do not edit all codes ,just replace the code
<span class="patty"></span>
with your icon code .
Once done you can share your site url here , so that i can take a look on your changes .

[Crealia Friend CrealiaJoin date: May 2016Posts: 15Downloads:27Uploads:0 Thanks: 1]

#975094

This reply has been marked as private.

[Crealia Friend CrealiaJoin date: May 2016Posts: 15Downloads:27Uploads:0 Thanks: 1]

#975098

Found the issue: you suggested me to edit the off-canvas.php file meanwhile the file to edit was /local/tpls/blocks/sidebar.php

Thanks for helping anyway.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#975155

You are welcome !

[Author]

Posts