Public Forums 71,145 posts

[fintan Friend fintanJoin date: October 2011Posts: 50Downloads:4Uploads:0 Thanks: 13 Thanked: 2 times in 1 posts]

#194608

I would like to change the icon for the off-canvas module(add-on) to say an information icon.
Possible?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#521855

Open “tpls/blocks/off-canvas.php”, there you will see the markup of Off-Canvas.

[musicinme Friend musicinmeJoin date: September 2009Posts: 70Downloads:3Uploads:9 Thanks: 6 Thanked: 50 times in 23 posts]

#521902

Yes, open that file, and change

<i class=”fa fa-bars”></i>

to whatever you want, i.e:

<i class=”fa fa-heart”></i>

http://fortawesome.github.io/Font-Awesome/icons/“]Here is the list of available icons

Don’t forget to hit thanks button 😉

2 users say Thank You to musicinme for this useful post

1. fintan
2. ccajina

[lancia Friend lanciaJoin date: July 2013Posts: 20Downloads:4Uploads:2]

#560637

Is there any way to put text into the box instead of a font icon, or even an image? We want it to say quick links or something along those lines..

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#561012

<em>@lancia 460279 wrote:</em><blockquote>Is there any way to put text into the box instead of a font icon, or even an image? We want it to say quick links or something along those lines..</blockquote>

You can try to change from icon to text

Open templates/purity_iii/tpls/blocks/off-canvas.php file

find and change

<i class="fa fa-bars"></i>

to

AAA

[lancia Friend lanciaJoin date: July 2013Posts: 20Downloads:4Uploads:2]

#561189

That’s great, how can I change the font and the size of the box? is this possible? I’d like it to be the same font as the rest of the menu.

I can only fit the word Links on it at the moment, would like to extend the box to be able to fit QUICK LINKS in it if this makes sense.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#561356

and you can try to use the css style below

.off-canvas-toggle {
font-size: 100px;
}

[lancia Friend lanciaJoin date: July 2013Posts: 20Downloads:4Uploads:2]

#561525

Hi ive added this but it doesn;t seem to have an effect, which file should I be putting it in?

Thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#561700

<em>@lancia 461431 wrote:</em><blockquote>Hi ive added this but it doesn;t seem to have an effect, which file should I be putting it in?

Thanks.</blockquote>

You can give me URL of your site here. I will check it directly on your site.

[Author]

Posts