Changing Images in Coast Theme


Registered User
37 posts

Not sure what I am doing wrong. I would like to change the images in the theme to mine. How do I do it in RSD? or HTML editor? I know that it is something simple but..........


COO
796 posts

I posted a hint (for learning purposes) right here: http://www.coffeecup.com/forums/respons … post247495
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.


Registered User
37 posts

I have found the place in main.css but when I change the image it goes blank.


Registered User
54 posts

I to have issues.....The main css shows this for an example:
body > .row.footer-row {
padding-bottom: 0;
max-width: none;
background-color: #000;
background-image: url(http://rsd.coffeecup.com/storage/themes … ropped.jpg);
background-size: cover;
background-repeat: no-repeat;
}

I use my own server and even after changing the code the image display fails.


Registered User
37 posts

glad I am not the only one. Rick your solution was going t be my next attempt. tried everything else.


Registered User
54 posts

Yup seems geared toward S Drive.


VP of Software Development
49,402 posts

That is easily done within RSD without having to make any custom CSS changes. Here is how:

1. First add your image by clicking the Resource Toolbar Icon.
2. Select any image in the theme and then go to the Design Tab. Under the Image drop down select Local Image and the Resource library will now appear.
3. Select your image and click Select.

That is it. Easy as 1-2-3. ;)

If you want to change images for any background, the process is pretty much the same as well. To change the background image, just go to the Design Tab for any Row, Column or the Grid and scroll down to Background and expand that. Under Image, change the drop down to Resource and select the image added in Step 1 above.

Images for our themes are simply stored on S-Drive to make them easy to work with. With just a few small steps, you can easily customize them to use your own.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.


COO
796 posts

Rick Hupfeld wrote:
Yup seems geared toward S Drive.

We are using our own servers / sdrive and so can you. Images can be located anywhere online. Just find the element that contains the background image and link any image you want from any location or include it in the project file and auto-upload it to our servers or export and upload it to yours.

If that does not work for you Rick for some reason, let us know!
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.


Registered User
37 posts

Bob Visser wrote:
Rick Hupfeld wrote:
Yup seems geared toward S Drive.

We are using our own servers / sdrive and so can you. Images can be located anywhere online. Just find the element that contains the background image and link any image you want from any location or include it in the project file and auto-upload it to our servers or export and upload it to yours.

If that does not work for you Rick for some reason, let us know!


Bob,
Will there be work around.
I already have plenty of storage where my sites are hosted.

alan


COO
796 posts

Alan Martin wrote:

Bob,
Will there be work around.
I already have plenty of storage where my sites are hosted.
alan


Not sure I understand what you need the work around for Alan, sorry. These images can be placed anywhere on the web, including your own servers.

To replace the images simply select the row the image is placed in and go to the background section on the design pane. There you can swap them out for other background images

If you get me the URL to an image you want to use or the image itself, I can update the theme file if that helps...
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.