Images in templates

  • alexey
    Inactive member
  • Topic Author
  • Member
  • Member
More
8 years 1 month ago - 8 years 1 month ago #46316 by alexey
Images in templates was created by alexey
Hi.
Where from image for umbrella in template?

And how change icons for advert1 advert2 advert3?
Last edit: 8 years 1 month ago by alexey.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
8 years 1 month ago - 8 years 1 month ago #46318 by milos
Replied by milos on topic Images in templates
Hello,

These icons, including the logo are from Font Awesome font icons collection:
fontawesome.io/

You can change it default icon with different icon from the collection by changing the "content" property in template_css.css file.

Regards,
Milos
Last edit: 8 years 1 month ago by milos.

Please Log in to join the conversation.

  • alexey
    Inactive member
  • Topic Author
  • Member
  • Member
More
8 years 1 month ago - 8 years 1 month ago #46319 by alexey
Replied by alexey on topic Images in templates
Its a web fonts?

Please, where in css include for umbrella?
And for Home in advert1 row
Last edit: 8 years 1 month ago by alexey.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
8 years 1 month ago #46320 by milos
Replied by milos on topic Images in templates
For logo, in template_css.css file, find this part:
Code:
.sparky_logo:before { font-family: FontAwesome; font-weight: 400; font-size: 32px; content: "\f0e9"; margin-right: 7px; color: #3baafe; }

Now, you can change \f0e9 with other icon code. All icons are listed here: fortawesome.github.io/Font-Awesome/icons/

When you click on any icon, you will see its code.

Similarly, for heading icons, find these classes:

.mp_advert1 h3:before
.mp_advert2 h3:before
.mp_advert3 h3:before

and you will see the same content property that you can change.

Regards,
Milos

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
8 years 3 weeks ago #46326 by milos
Replied by milos on topic Images in templates

For logo, in template_css.css file, may use images instead awesome font f0e9?


Yes, change this part in template_css.css file:
Code:
.sparky_logo:before { font-family: FontAwesome; font-weight: 400; font-size: 32px; content: "\f0e9"; margin-right: 7px; color: #3baafe; }

to look like this:
Code:
.sparky_logo:before { font-family: FontAwesome; font-weight: 400; font-size: 32px; content: ""; margin-right: 7px; color: #3baafe; background: url(../images/logo.png); display: inline-block; width: 35px; height: 35px; }

Make sure that your logo image is uploaded to /templates/hot_insurance/images/logo.png and it has size of 35 x35 pixels.

Regards,
Milos

Please Log in to join the conversation.

More
7 years 7 months ago #46748 by lukasu22
Replied by lukasu22 on topic Images in templates
Hi,

Where is this file - template_css.css??

Please Log in to join the conversation.

Time to create page: 0.173 seconds
Powered by Kunena Forum