Resize Instragram Image & Button Hover Color

  • Unknown's avatar
    careergururva · Member ·

    Hi, I have two questions about changing this site: http://www.careergururva.com

    1) How can adjust the image sizes displayed through the Instagram widget? With the one column option, the 2nd image goes past border. With two column option, the images are too small.

    I know I could just increase the height of the widget, but I think the images would look better slightly smaller.

    2) I’m having trouble adjusting blue button at the bottom of the homepage. How do I change hover color to pink to another color?

    Thanks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    dianakcury · Member ·

    Hi there!

    Please, try the following CSS code:

    1) You can make two images on the Instagram widget visible with the following CSS code: 

    .wpcom-instagram-columns-1 img {max-width: 65%;}
.wpcom-instagram-images img { float: none; margin: 0 auto 20px auto}

    2) To change the text hover color on the blue button , please try this code, (note that it will change the hover color only for that button):

    aside#text-11 a.button:hover { color: #fff; }

    Hope this helps =)

  • Unknown's avatar
    careergururva · Member ·

    @dianakcury Thanks for the fast response, this worked perfectly.

  • The topic ‘Resize Instragram Image & Button Hover Color’ is closed to new replies.