Images in templates

alexey
Inactive member
Topic Author
Member

8 years 10 months ago - 8 years 10 months 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 10 months ago by alexey.

Please Log in to join the conversation.

milos
Support Staff
Moderator

8 years 10 months ago - 8 years 10 months 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 10 months ago by milos.

Please Log in to join the conversation.

alexey
Inactive member
Topic Author
Member

8 years 10 months ago - 8 years 10 months 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 10 months ago by alexey.

Please Log in to join the conversation.

milos
Support Staff
Moderator

8 years 10 months 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

8 years 9 months 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.

lukasu22
Inactive member
Member

8 years 4 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.092 seconds