faq:design_appearance:turquoise_icons
How to replace the index page icons on Turquoise?
To replace the Match algorithm, Mobile-friendly, Easy to join icons, Join button on the main page, follow the steps below:
1. Download the icon from the Internet.
Here are the dimensions for the icons:
index_match.png 152x132px
index_mobile.png 132x132px
index_join.png 115x114px
index_join_btn.png 301x180px
2. Upload them to Admin area > Appearance > Customize > Graphics
3. Copy the path to the images.
4. Add the following styles to Admin area > Appearance > CSS > Edit CSS:
index_icon a { background: rgba(0, 0, 0, 0) url("http:/your_site_URL/path_to your_icon.png") no-repeat scroll center 0; } .index_icon.index_mobile a { background-image: url("http:/your_site_URL/path_to your_icon.png"); } .index_icon.index_join a { background-image: url("http:/your_site_URL/path_to your_icon.png"); } .index_join_btn { background: rgba(0, 0, 0, 0) url("http:/your_site_URL/path_to your_icon.png") no-repeat scroll 0 -90px; }
Replace http:/your_site_URL/path_to your_icon.png with the path you copied from the Graphics section.
faq/design_appearance/turquoise_icons.txt · Last modified: 2017/06/07 09:11 by 127.0.0.1