[resolved] Issue with customizing grid format in a widget section (6 posts)

  1. deejaymiller
    Posted 4 years 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!


  2. liechtenecker
    Plugin Author

    Posted 4 years ago #

    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 :)

  3. deejaymiller
    Posted 4 years 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!

  4. liechtenecker
    Plugin Author

    Posted 4 years ago #


    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?

  5. ursalarose
    Posted 4 years 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.

  6. liechtenecker
    Plugin Author

    Posted 4 years 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.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Instapress
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic