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