Back to Guppy.Social

How to style your Guppy!


Simply copy these codes into your website and style to your heart's content.

Add opacity to the background images from Instagram and Facebook

          
       
              .guppy_fbbody > img, .guppy_instabody > img{
                opacity: 0.3;
              }
              
Change opacity value '0.3' to a decimal between 0 and 1 to suit!


Before

guppysocial 86 days ago!
Website Design Company? Keep checking back, Guppy is coming soon! #Guppy #Social #GuppySocial #ComingSoon #Exciting #LifeChanging

After

guppysocial 86 days ago!
Website Design Company? Keep checking back, Guppy is coming soon! #Guppy #Social #GuppySocial #ComingSoon #Exciting #LifeChanging

Remove text from Instagram posts

    
 
            .guppyinsta_caption{
            display: none;
            }
        
        
Changing the display to 'none' will hide the text, allowing your instagram image to be seen!


Before

After

guppysocial 23 days ago!
We are LIVE! come and visit https://guppy.social/ to see what all of the fuss is about! #beguppy #guppy #live #downloadnow

How to change the font on your Guppy posts

  
      #guppy-container{
        font-family: Amatic SC;    
      }
      
Guppy text will inherit from your own style sheet. To override it, simply apply your desired font-family!


Before

After

Change all 3 text backgrounds to blue with font-family change

    
 
      .guppyfb_caption, .guppyinsta_caption, .guppy_twitterbody {
        width: 90%;
        position: absolute;
        top: 50%;
        margin: -10% 0%;
        left: 0;
        text-shadow: 1px 1px 1px #0a0a0a;
        background:#0f2f8f80!important;
        padding: 10px!important;
        
    }
  
    #guppy-container{
      font-family: Amatic SC!important; 
      padding: 10px;
      font-weight: 400;
  
    }

    .guppy_fbbody > img, .guppy_instabody > img{
      opacity: 0.3;
    }

    
        
Change your social text background colour to make the post easier to read!


Before

guppysocial 86 days ago!
Website Design Company? Keep checking back, Guppy is coming soon! #Guppy #Social #GuppySocial #ComingSoon #Exciting #LifeChanging

After

guppysocial 86 days ago!
Website Design Company? Keep checking back, Guppy is coming soon! #Guppy #Social #GuppySocial #ComingSoon #Exciting #LifeChanging

How to change the font of your handles

         
     
          .guppy_fbuser, .guppy_instauser, .guppy_twitteruser{
            font-family: Amatic SC;
            font-size: 30px;
         }
         
             
Change the font-faimly of your social handles to match your website's theme!


Before

guppysocial 86 days ago!
Website Design Company? Keep checking back, Guppy is coming soon! #Guppy #Social #GuppySocial #ComingSoon #Exciting #LifeChanging

After

guppysocial 86 days ago!
Website Design Company? Keep checking back, Guppy is coming soon! #Guppy #Social #GuppySocial #ComingSoon #Exciting #LifeChanging