How did Greater Derry Humane Society customize their Toolkit on their website?

 
1
0
-1

Greater Derry Humane Society is using the RescueGroups.org Pet Adoption Toolkit. Find out below how they customized their Toolkit.

    CommentAdd your comment...

    1 answer

    1.  
      1
      0
      -1

      Greater Derry Humane Society has given us permission to share the styles they used to achieve the look and feel of their customized Pet Adoption Toolkit. Thank you, Cheri.


      They started with the Search layout: List 3, and Pet detail: Pet 2 

      They then added the following styles to their Toolkit:

      li{
    color:#2b2b2b;
    font-family:lato;
    font-size:12px;

}
.rgtkPetInfoIndented {
    margin: auto;
}

.rgtkPetContainer { 
    max-width:900px;
    margin:auto;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.rgtk-4dvbCUmb .rgtkSearchPetPicFixed {
     display:block;
    margin:60px auto 10px auto;
    height:200px;
    width:200px;
    border-radius:50%;
    border:3px solid #33A882;
}
li{
    color:#2b2b2b;
    font-family:lato;
    font-size:12px;

}
.rgtkPetInfoIndented {
    margin: auto;
}
 #rgtkSearchPetInfoAnimalName {

    display:block;
    background:#33A882;
    color:#fff;
    font: 300 16px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding:5px;
margin-bottom: 50px;
}
tr
{
    width:45%;
    border: 3px solid #33A882;
    border-radius:5px;
    margin:15px;
    position:relative;
    padding-bottom:60px;
    
}

      They also utilized the Animal Description Header and Footer to display content

        CommentAdd your comment...