Full Width Option?

Hello,

I recently purchased the pro version and when I used the [easyinstagramfeed]  code on my page it seems to conflict with my full width responsive theme. I use the Salient theme for my site and run it off wordpress

Is there a way to setup this instagram plugin full width?

Thank you,



-CS
«1

Comments

  • Hi

    Kindly share the url of the page where it is conflicting.

    Just an initial check kindly deactivate all other plugins if you are using any...

    Thanks
    Priyanshu
  • csmurphy.com

    Like I said I have a responsive full width website that gets cut off as soon as I implement the code. I use visual composer to layout my pages.

    A quick resolve would be appreciated as I have an event in 3 days which I will be showcasing my website.



    Please respond.





  • in which page page you are using  custom instagram feed plugin we unable to find out page 

    if you deactivate it plz once activate it again let me know 
    so we find out conflict issue 

    Thanks 
    Abhishek
  • It's at the very bottom. I turned it back on again but my site doesn't look good.

    Have a look csmurphy.com



    Thank you



    -CS
  • Hi csmurphy

    follow given instruction 

    1 go to in your plugin directory >> lib >> js >> easy-feed.js

    2.open easy-feed.js go to line number 21 and replace $ = jQuery;
    with  $ = jQuery.noConflict();

    let me know did it work 

    Thanks
    Abhishek
  • edited September 2015
    That did not work. This is an important feature that I need. If I can't get this to work by tomorrow I'm going to have to ask for a refund because my event is tomorrow and my site can't look like this.
  • Hi,

    this is js conflict issue with you theme or plugin

    plz share your site admin detail on my mail. so we test and fixed it for you


    Thanks
    Abhishek
  • I just personal messaged you here with that information.
    I have a day to fix this before my event

    Thank you

    -CS
  • Hi csmurphy

    Issue Resolved take a look

    let me know

    Thanks
    Abhishek


  • Hi Abhishek,

    Yes it is fixed thank you so much.

    Will this code alteration remain even when I update my site? The person that created the theme that I use has at least 2 updates a month. I use a child theme so I wanted to make sure that the code alteration will not change back.

    If you would mind showing me where on my site you made this update?



    Thank you again sir I appreciate your quick turnaround on helping me.


    Kind regards,


    -Chris
  • I just noticed a bug and so have many others in testing this plugin out. When you click on a thumbnail on my site it doesn't open in lightbox. I have all the necessary options selected to make it work. I think whatever you did to make the plugin work with my site broke a part of your plugin.

    please advise.. . .



    Thank you



    -Chris
  • Hi,

    1. we nothing change in your theme so you can update it. it will no effect on plugin we just put no conflict mode in plugin js file 

    2. light box work perfectly on our end take a look in attached screen shot. plz clear your cache 

    Thanks
    Abhishek
    insta_lightbox.png
    709K
  • Any Updates on this issue....
  • Yes everything is working out great thank you so much. Is there a way to ad your own custom buttons for the like and follow on instagram using .png files?
  • edited October 2015
    can you plz indicate on which place you want to put buttons 

    then we can suggest you what to do.

    Thanks
    Abhishek
  • @csmurphy you mean you want to customize like and follow buttons ...  You can use some css stuff to do that...

    Thanks
    Priyanshu
  • HI csmurphy,

    any update here?

    Thanks
    Abhishek
  • Sorry I am working an event that is taking up a lot of my time so I'm going to need some breathing room here please. Yes I am referring to those buttons priyanshu.

    Iam looking to make my own custom buttons in photoshop as.png. what would I have to do to implement that in code?









  • Hi csmurphy,

    you can use this css code to customize buttons

    .load_more {background:url('url/') !important; padding: 20px 37px 13px  !important;}
    #show_button {background:url('url') !important; padding: 20px 37px 13px  !important;}

    go to in plugin option panel >> custom css and js tab >> custom css box 

    and paste that given css code in that box 

    let me know did it work 

    Thanks
    Abhishek
  • Hi csmurphy,

    given  solution work for you ?

    Thanks
    Abhishek
  • I'm going to test it out today and will let you know soon.


     Thank you for your patience.


    kind regards,



    -Chris
  • Hi, I have exactly the same problem as csmurphy.
    I am not particularly technical, so a simple and easy to follow solution would be appreciated. 
    Thanks
    Maisie
  • Also, just noticed that in Firefox the whole of the page below the header picture has moved over to the right.
  • Hi maisie,

    plz share your site url.

    if you are not comfortable in code then share your site admin detail on my email [email protected]

    Thanks
    Abhishek

  • edited October 2015
    Hello,

    I've had the opportunity to test out the code and it works well. However, if you look at the buttons on my site csmurphy.com you'll see that the button sizes are off.

    •How do I remove the border?
    •How do I make the buttons the size that I want? I'd like to use 64x64 pixels please?
    •Is there a way to add a drop shadow effect?


    Thank you for your help,



    -CS
  • Thanks for replying Abhishek.
    My url is lovemelacey.co.uk
    Thanks
    Maisie
  • Hi maisie

    plz follow given instruction 

    1. go to plugin directory >> lib >> ef_style.css.

    2. open eif_style.css go to line number 143 and  remove this css class .main-content{} 

    3. save  


    let me know did it work 


    Thanks
    Abhishek



  • Hello,

    I've had the opportunity to test out the code and it works
    well. However, if you look at the buttons on my site csmurphy.com
    you'll see that the button sizes are off.

    •How do I remove the border?
    •How do I make the buttons the size that I want? I'd like to use 64x64 pixels please?
    •Is there a way to add a drop shadow effect?


    Thank you for your help,

  • Hi csmurphy,

    paste this given code in custom css box 

    .load_more{
    padding: 34px 4px 10px !important;
    border: 0px;
    box-shadow: 0 10px 6px -6px #D0B0B0;
    }

    #show_button{
    padding: 34px 4px 10px !important;
    border: 0px;
    box-shadow: 0 10px 6px -6px #D0B0B0;
    }

    let me know did it work 

    Thanks
    Abhishek
  • Hi Abhishek,
    I've emailed my login details as I have no idea what to do with the code!
    Thanks
    Maisie
This discussion has been closed.