[Plugin: Instapress] Issue with customizing grid format in a widget section

  • Resolved deejaymiller

    (@deejaymiller)


    14 years, 1 month ago

    I’m trying to get the instapress plugin to display a grid format in one of my sidebar widgets rather then a single column and I’m not having very much luck.

    When I try to set up the instapress widget I see a box labeled “image container” and it has this code that is already in it:

    <div class=”instagram-image” id=”instagram-image-%index%”>%image%</div>

    I’m assuming that I need to enter css code in this box to create the grid format I desire… I tried entering the following code, but I’m still not seeing anything change:

    .instagram-image {

    background-color: #FFFFFF;

    float: left;

    margin-right: 10px;

    margin-top: 5px;

    padding: 5px;
    
}
    .widget-container.instagram {
    
width: 275px;

    }

    <div class=”instagram-image” id=”instagram-image-%index%”>%image%</div>

    Anyone have any thoughts? Thanks!

    http://ww.wp.xz.cn/extend/plugins/instapress/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author liechtenecker

    (@liechtenecker)

    14 years, 1 month ago

    Hello,
    if you change the width of .widget-container.instagram in your stylesheet you should get the desired effect.

    If it doesn’t work for you, please take a look at your layout and css, because this shouldn’t be a problem with instapress.

    Also take a look at our sidebar widget on our demo page: http://demo.instapress.it/

    If you can’t resolve your problem, please send us your website url so we can help you 🙂

    Thread Starter deejaymiller

    (@deejaymiller)

    14 years, 1 month ago

    Hey there,
    Thank you for your response. I’ve double checked my css and looked at your demo. I feel like I’m doing everything correctly. Does it matter if the css coding is written in the widget text box or does it need to be on the stylesheet?

    The URL for the site I’m working on is http://bighurtbeer.com/

    Thank you so much!

    Plugin Author liechtenecker

    (@liechtenecker)

    14 years ago

    hey

    I’m really confused right now – there is no .widget-container class?!
    Also it shouldn’t matter where you place your CSS Code – have you checked if it gets overwritten by the default CSS?

    ursalarose

    (@ursalarose)

    13 years, 10 months ago

    Hopefully this will help someone else…
    Change line 242 in “widget.php”
    I too was unable to find the widget-container class, but I’m only looking in the instapress.css file. Changing line 242 to a larger number (250) worked perfect for me.

    Plugin Author liechtenecker

    (@liechtenecker)

    13 years, 10 months ago

    Changing the number in line 242 in widget.php alters the default size.
    You should be able to achieve the same result by changing the size in the instapress settings in your backend.

    🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘[Plugin: Instapress] Issue with customizing grid format in a widget section’ is closed to new replies.