Joomla Templates Club 406,261 posts

[natali.klochan Friend natali.klochanJoin date: August 2016Posts: 107Downloads:677Uploads:59 Thanks: 3 Thanked: 3 times in 2 posts]

#975536

Hi guys.
Tell me please how can I change style of button canvas menu – 3 horizontal lines?
I want to make these lines thinner and longer.
Thanks.

---

Attachments:

1. 

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

#975547

Hi
This icon from font-awesome , you can add below code in custom.css file and add further styling on it , like font-size , color etc .

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    font-size:10px!important;}

[natali.klochan Friend natali.klochanJoin date: August 2016Posts: 107Downloads:677Uploads:59 Thanks: 3 Thanked: 3 times in 2 posts]

#975820

I understand.
I can change color and font-size for this element.
But I can’t to find a rule, that lines will be thinner and longer.
I want that style of this element will be like website fiorito.nl (photo 1).
I see that element (on this website) has a font-size 25px, but I can’t understand what rule change thickness this lines.
I make in my site font-size 25 px but this lines very bold (photo 2)
Tell me please how can I change this style?
Thanks.

---

Attachments:

1. 
2. 

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

#975829

Hi
the default style of the font is coming from Font-awesome , I suggest you use your own icon image by adding below code in custom.css file

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: url(/images/joomlart/logo/default/DDsquarelogo.png)!important;
}

chnage the image path with your own designed icon image .

[natali.klochan Friend natali.klochanJoin date: August 2016Posts: 107Downloads:677Uploads:59 Thanks: 3 Thanked: 3 times in 2 posts]

#975849

Understand. but it is technically possible to change the font style (font-awesome) only for this element? at foirito.nl this element has a image or font-style? thanks

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

#975855

Hi

sorry, i am not able to understand your question . The change in the style code will replace this icon with your image .

[natali.klochan Friend natali.klochanJoin date: August 2016Posts: 107Downloads:677Uploads:59 Thanks: 3 Thanked: 3 times in 2 posts]

#975864

Pankaj, tell me please, can I use icon for fa-bars from icomoon library (not font-awesome)?
I see that website fiorito.nl is used icomoon library.
just my customer wants is such an icon (like fiorito.nl) and I’m trying to understand how to do it.

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

#975896

This reply has been marked as private.

[natali.klochan Friend natali.klochanJoin date: August 2016Posts: 107Downloads:677Uploads:59 Thanks: 3 Thanked: 3 times in 2 posts]

#976554

Pankaj, I have used your recommendation and create own image.
Great thanks for your help.

[Author]

Posts