WordPress.org

Ready to get started?Download WordPress

Forums

Instapress
[resolved] css not working for custom widget? (3 posts)

  1. Wayne22224
    Member
    Posted 1 year ago #

    Hello,

    What im trying to do is add the short code into another sidebar widget that i have to be able to use it in the tabs so im using the shortcode in the widget, the pictures show up fine but when i apply css they dont want to work?

    Im using this css code below to customize the information.

    .instagram-image {
    background-color: #FFFFFF;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    padding: 5px;
    }
    
    .widget-container.instagram {
    width: 275px;
    }

    The problem is i cant seem to get anything to move margin or padding, i want to be able to make it look good and center it up and have it very clean like transworld snowboarding website.

    http://wordpress.org/extend/plugins/instapress/

  2. Wayne22224
    Member
    Posted 1 year ago #

    After messing around with it for a little i was able to get this fixed by added its own div around the short code to place it in a container. Check it out below. But im still not sure if this is the best way to do it or not but its working for me so far, im sure until i run into something else.

    <div id="instagram_container">
    [instapress tag="snowboarding" piccount="9" size="80" effect="fancybox" paging="0"]
    </div>

    This code is for the text area widget that im using on my site.

    This is the css i used to get it to center up right.

    #instagram_container{
    	padding: 5px 0 0 10px;
    	float:left;
    }
  3. liechtenecker
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    you're solution seems just fine.

    If you're running into problems with that solution, just post it.

    Thank you :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic