Icon's in top header

This topic has 11 replies, 2 voices, and was last updated 5 years, 8 months ago by Elise Noromit.

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
April 3, 2019 at 8:31 pm #116810

ostoyafurniture
Participant

Hello,

How to get an icon in the secundairy header?

April 4, 2019 at 8:50 am #116870

Elise Noromit
Member

Hello,

Your question is not clear enough. Do you mean custom icons? If so, here is the instruction:https://xtemos.com/docs/woodmart/header-builder/custom-icon-shopping-cart-wishlist-search-header/

Here is the instruction on how to add elements and you can see which elements are available: https://xtemos.com/docs/woodmart/header-builder/add-edit-builder-elements/

Best Regards

April 4, 2019 at 8:02 pm #117063

ostoyafurniture
Participant

Hi Elise,

I’m Sorry. See attachment. I mean icons in front op these text. The text is in te top bar.

Attachments:
You must be logged in to view attached files.

April 5, 2019 at 5:13 am #117101

Elise Noromit
Member

Hello,

Switch to the text mode of the element https://gyazo.com/44fea5212600177ce77f6dd608e6a977
and insert icons from this source: https://fontawesome.com/v4.7.0/icons/

Best Regards

April 5, 2019 at 6:35 am #117123

ostoyafurniture
Participant

Hi,

I tried to place the code from an icon but i does not appear. From you screenshot i can not see what possible can go wrong.

You have an example in the templates maybe?

April 5, 2019 at 7:50 am #117147

Elise Noromit
Member

Hello,

Create the template in HTML block using List element and insert it in the Header Builder https://xtemos.com/docs/woodmart/html-blocks-2/#header_builder

Best Regards

April 5, 2019 at 8:38 am #117157

ostoyafurniture
Participant

That seams to work only now there is a problem with the hight of the text and the text is different, it needs to be more bold. (see attachment)

Attachments:
You must be logged in to view attached files.

April 5, 2019 at 10:22 am #117178

Elise Noromit
Member

Hello,

The height of the text is fixed by means of paddings and margins of the rows and columns, set zero in all.

You can set the font-weight in the Theme Settings > Typography > Advanced Typography.

Best Regards

April 5, 2019 at 8:19 pm #117290

ostoyafurniture
Participant

Ok great. Almost there. What to choose at Advanced Typography? I tried now like in the attachment with a css class but nothing change.

Attachments:
You must be logged in to view attached files.

April 6, 2019 at 8:55 am #117357

Elise Noromit
Member

Hello,

Here is the class for the icon: body .woodmart-list.ph_offerte ul li div:beforeand class for the text body .woodmart-list.ph_offerte ul li

http://prntscr.com/n89930

Best Regards

April 8, 2019 at 6:45 am #117572

ostoyafurniture
Participant

Thank you for your help

April 8, 2019 at 7:59 am #117598

Elise Noromit
Member

You are welcome! If you have any questions please feel free to contact us.

Best Regards
Author

Posts