Full Width Option?

csmurphy

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

priyanshu

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

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.

abhishek

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

csmurphy

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

abhishek

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

csmurphy

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.

abhishek

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

csmurphy

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

Thank you

-CS

abhishek

Hi csmurphy

Issue Resolved take a look

let me know

Thanks
Abhishek

csmurphy

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

csmurphy

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

abhishek

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

priyanshu

Any Updates on this issue....

csmurphy

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?

abhishek

can you plz indicate on which place you want to put buttons 

then we can suggest you what to do.

Thanks

Abhishek

priyanshu

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

Thanks

Priyanshu

abhishek

HI csmurphy,

any update here?

Thanks

Abhishek

csmurphy

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?

abhishek

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

abhishek

Hi csmurphy,

given  solution work for you ?

Thanks

Abhishek

csmurphy

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


 Thank you for your patience.


kind regards,



-Chris

maisie sowden

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

maisie sowden

Also, just noticed that in Firefox the whole of the page below the header picture has moved over to the right.

abhishek

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

csmurphy

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

maisie sowden

Thanks for replying Abhishek.

My url is lovemelacey.co.uk

Thanks

Maisie

abhishek

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

csmurphy

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,

abhishek

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

maisie sowden

Hi Abhishek,

I've emailed my login details as I have no idea what to do with the code!

Thanks

Maisie