- Posts: 80
- Thank you received: 0
Change icons-fonts ruled by css in homepage
-
Giorjoom
Active member -
Topic Author
- Member
-
Less
More
9 years 6 months ago - 4 years 7 months ago #45925
by Giorjoom
Change icons-fonts ruled by css in homepage was created by Giorjoom
How can I change the icons in <sparky_full adwert row>.
Looks like depend upon <div class ="moduletable"> but I still don't know how to present to the user an easy option to choose his favourite icon. Please help (niko ne zna sta to svidja)!
Looks like depend upon <div class ="moduletable"> but I still don't know how to present to the user an easy option to choose his favourite icon. Please help (niko ne zna sta to svidja)!
Last edit: 4 years 7 months ago by milos.
Please Log in to join the conversation.
-
milos
Support Staff -
- Moderator
-
Less
More
- Posts: 6793
- Thank you received: 722
9 years 6 months ago #45926
by milos
Replied by milos on topic Change icons-fonts ruled by css in homepage
Hello,
These icons are from Linea icon set. You can use different icons listed here: linea.io/ To change an icon, please edit template_css.css file and find lines:
.mp_advert1 h3:before
.mp_advert2 h3:before
.mp_advert3 h3:before
Unzip the attached file and open file icons-reference.html to see content value for each icon.
You can also use your own PNG images for icons, size 32px x 32px. Upload them to the template's images folder. In this case, delete the content property for each icon and put background property:
background:url(../images/icon1.png)
Thanks,
Milos
These icons are from Linea icon set. You can use different icons listed here: linea.io/ To change an icon, please edit template_css.css file and find lines:
.mp_advert1 h3:before
.mp_advert2 h3:before
.mp_advert3 h3:before
Unzip the attached file and open file icons-reference.html to see content value for each icon.
You can also use your own PNG images for icons, size 32px x 32px. Upload them to the template's images folder. In this case, delete the content property for each icon and put background property:
background:url(../images/icon1.png)
Thanks,
Milos
The following user(s) said Thank You: Giorjoom
Please Log in to join the conversation.
-
madmax24
Inactive member -
- Member
-
Less
More
- Posts: 52
- Thank you received: 0
9 years 2 months ago #46198
by madmax24
Replied by madmax24 on topic Change icons-fonts ruled by css in homepage
Hello,
I am trying to change the icons using the instructions provided in the previous thread. However, I have not had any luck. I would like to use my own custom images in place of the linea images used in the template. I have changed the css as you instructed but cannot figure out what I am doing wrong. I have uploaded my .png image into the media center. Can you please provide a little more detailed instruction? I do not have much experience working with css sheets so any extra help would be much appreciated.
Thank you!
I am trying to change the icons using the instructions provided in the previous thread. However, I have not had any luck. I would like to use my own custom images in place of the linea images used in the template. I have changed the css as you instructed but cannot figure out what I am doing wrong. I have uploaded my .png image into the media center. Can you please provide a little more detailed instruction? I do not have much experience working with css sheets so any extra help would be much appreciated.
Thank you!
Please Log in to join the conversation.
-
milos
Support Staff -
- Moderator
-
Less
More
- Posts: 6793
- Thank you received: 722
9 years 2 months ago #46200
by milos
Replied by milos on topic Change icons-fonts ruled by css in homepage
Hello,
You should upload images by FTP into template's "images" folder (/templates/hot_startup/images) and then change css, in example like this:
Regards,
Milos
You should upload images by FTP into template's "images" folder (/templates/hot_startup/images) and then change css, in example like this:
Code:
.mp_advert1 h3:before {
background: url(../images/myimage1.png) no-repeat;
}
Regards,
Milos
Please Log in to join the conversation.
-
milos
Support Staff -
- Moderator
-
Less
More
- Posts: 6793
- Thank you received: 722
9 years 2 months ago #46214
by milos
Replied by milos on topic Change icons-fonts ruled by css in homepage
Currently, there's no row on your site with social icons. Originally, there's row with class "socialrow" where icons are located. There's no such row on your site. Icons should be placed in this row, in custom module in position User6.
Please create a custom HTML module in position User6 and put icons (or anything else) there.
Thanks
Please create a custom HTML module in position User6 and put icons (or anything else) there.
Thanks
Please Log in to join the conversation.
-
madmax24
Inactive member -
- Member
-
Less
More
- Posts: 52
- Thank you received: 0
9 years 2 months ago #46230
by madmax24
Replied by madmax24 on topic Change icons-fonts ruled by css in homepage
Hello,
Thank you for your response, however, it did not answer my question. I have attached an image of the image icons that I am speaking of, not the social media icons in the user6 position. I have applied the css changes you mentioned in a previous post but it did not display the custom image, instead it left the area blank. Please see image.
Thank you.
Thank you for your response, however, it did not answer my question. I have attached an image of the image icons that I am speaking of, not the social media icons in the user6 position. I have applied the css changes you mentioned in a previous post but it did not display the custom image, instead it left the area blank. Please see image.
Thank you.
Please Log in to join the conversation.
Time to create page: 0.112 seconds