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

  1. Wayne22224
    Posted 3 years ago #


    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.


  2. Wayne22224
    Posted 3 years 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"]

    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.

    	padding: 5px 0 0 10px;
  3. liechtenecker
    Plugin Author

    Posted 3 years ago #


    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

  • Instapress
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic