InSync Demo Image in Slider

Tagged: slider inSync

This topic has 13 replies, 2 voices, and was last updated 7 years, 11 months ago by Wes.

Viewing 14 posts - 1 through 14 (of 14 total)

Author

Posts
April 26, 2016 at 9:34 am #17867
caroline
Customer
How can I change out the demo image in the InSync slider? When I add my own photo via a widget in the slider area, my photo just sits atop the demo photo. My photo is sized exactly as the demo photo. I see the demo photo in the css code, but unable to determine how to switch out. Any feedback would be greatly appreciated as I’ve been trying to resolve for four days.

Thanks much,
April 26, 2016 at 9:16 pm #17891
Wes
Moderator
Do you have FTP access? If so, you can upload the image there and then link to it by replacing the slider image with it.

If not, you could use the Media uploader in your WP Admin and upload the image there. Just make sure it’s uploaded at the full/large size, and then grab the link from there.
April 26, 2016 at 9:41 pm #17892
caroline
Customer
Thank you, Wes. I still don’t know where to add the link. I uploaded the full size photo via the Media uploader from the beginnin – same size as the demo photo. Can you tell me where to enter the link and remove the link to the demo photo? That is the gist of my question. An empty text widget in the Slider position places the demo photo in but the text widget is blank so how do I remove the link? If I add a link to my photo it just sits atop the demo photo. So where do I enter the link for my photo and where do I remove the demo link? I’m not getting something about this.
April 26, 2016 at 9:50 pm #17895
caroline
Customer
Let me add, when I first tried to resolve this I tried linking to my photo via CSS and also tried doing so using html in the Slider text widget and neither of those worked. There are no slider settings in my dashboard, so where should I be doing this?
April 27, 2016 at 9:27 am #17901
Wes
Moderator
Once you click the image you want to use in your Media, there should be a URL section to the right. You can use that link to add in your CSS.

You mentioned you already know where the link is in your CSS right?
April 27, 2016 at 9:44 am #17902
caroline
Customer
Hi, Wes:

No, I do not have the correct place in CSS to link.

I attempted this a few days ago and it did not work. So please point me to the correct place in CSS.

The place in which I saw the demo photo in Slider CSS shows “slider-bg” I tried replacing with my photo link and it did not work
April 27, 2016 at 9:46 am #17903
caroline
Customer
This is where I tried to change out:

.slider {
-webkit-background-size: cover;
-moz-background-size: cover;
background-attachment: fixed;
background-image: url(images/slider-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
clear: both;
April 27, 2016 at 9:48 am #17904
Wes
Moderator
Try replacing images/slider-bg.jpg with your new link.
April 27, 2016 at 9:52 am #17905
caroline
Customer
This reply has been marked as private.
April 27, 2016 at 9:58 am #17906
Wes
Moderator
This reply has been marked as private.
April 27, 2016 at 10:02 am #17907
caroline
Customer
That is what I have Wes (see below) and its not working: See http://hotrodmedia.com There is no photo showing:
.slider {
-webkit-background-size: cover;
-moz-background-size: cover;
background-attachment: fixed;
background-image: url (http://www.hotrodmedia.com/wp-content/uploads/2016/04/HRM-In-Sync-Home.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
clear: both;
}
April 27, 2016 at 10:06 am #17908
Wes
Moderator
Remove the space between url and (

It should look like this –

background-image: url(http://www.hotrodmedia.com/wp-content/uploads/2016/04/HRM-In-Sync-Home.jpg);
April 27, 2016 at 10:08 am #17909
caroline
Customer
This reply has been marked as private.
April 27, 2016 at 10:10 am #17910
Wes
Moderator
You’re Welcome!
Author

Posts

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘InSync Demo Image in Slider’ is closed to new replies.