Editing text elements (header,...

User 232214 Photo


COO
827 posts

Fisherman wrote:
Leet me show in a different way. A picture speaks a 1000 words:

As you can see I replaced the original image and changed the size to "cover". It worked well...
But, when I changed the size to contain, the original image is still beneath the image I replaced it with. You can see this in screen shot below. how do I remove the original image?

Interesting... There's a number of potential explanations, one of them being that the new background is applied to a different element. If you can upload the .rsd project file (to sdrive or your own server) and get us a link we can take a looksy.
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.
User 333213 Photo


Registered User
115 posts

Just got back to my PC. I will load to the S-drive & get you the link. Will reply as soon as accomplished.
10% of fishermen catch 90% of the fish.... then they release them for another day.
User 333213 Photo


Registered User
115 posts

Here is the file.

http://pchelpnews.com/screenshots/cc_jazzys.rsd

Please let me know why the original image is not being replaced.
thank you
10% of fishermen catch 90% of the fish.... then they release them for another day.
User 232214 Photo


COO
827 posts

Andrew,

The original background image is set on the row. In your project, the background is applied to the column (which sits in / on top of) the row. As long as the column background covers the whole row, the background of the row won't be visible. If that is not the case, the original image will still be visible...

I did notice though that in the project you linked to the background-image for the row is set to none and the original image does not show for me.

Anyway, to use the same effect as the original theme it is best to use an image with similar dimensions and replace it on the row (not on the column).

Hope this 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.
User 333213 Photo


Registered User
115 posts

Thanks. I looked everywhere on rows, columns, etc. & I could not find the original image link. So, I put my image where I thought it should of went. I will follow your direction & try again.
As for making the image the same size as the one being replaced, how do you find out how big the image is? I could not find the image properties or the image file to look up the dimension?
10% of fishermen catch 90% of the fish.... then they release them for another day.
User 232214 Photo


COO
827 posts

Andrew Holveck wrote:
I could not find the image properties or the image file to look up the dimension?


The inspector pane is a lifesaver in many occasions, including this one :)

http://bob.coffeecup.com/storage/tutorial-images/forums/use-inspector.jpg

Select an element (the row in this case) and see all applied styles, including the one that says 'background-image: url(http://etecetc);

How cool is that? :cool:
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.
User 333213 Photo


Registered User
115 posts

I am assuming you mean the last tab named "Inspector" in the upper right of RSD. I found this and it opened up CSS (READ ONLY) where I found the url for image from the coast template:
"http://rsd.coffeecup.com/storage/themes/the-coast/spices-cropped.jpg" .
I then opened it up in a new google browser window where I can actually see how big it is, but still do not know what the dimensions of the image are. What is the next secret to this puzzle?
I did right click on the image in Google & chose "Inspect Element" where I was able to find that the image was 1400 x 558.
This seems to be a lot of workarounds just to find the dimension of an image. Am I doing it right?
10% of fishermen catch 90% of the fish.... then they release them for another day.
User 232214 Photo


COO
827 posts

Andrew Holveck wrote:
Am I doing it right?

Haha, yes, you are doing it right. Figuring out how things were made usually is a bit of work but really helps the learning experience. I guess we could document these types of thing in the theme itself what would make it easier.

Good idea actually, thanks Andrew :)
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.
User 333213 Photo


Registered User
115 posts

Don't mind at all when I actually found the end result. By the way, I just wanted to mention RSD looks awesome so far & your support team is always the best!
One last question... I thought this was supposed to work in tandem with Layout Maker,but yet I can not open any templates from layout maker in RSD & do not quite understand how they will work together. It looks like RSD can do all of the work.
10% of fishermen catch 90% of the fish.... then they release them for another day.
User 2088758 Photo


Senior Advisor
3,109 posts

One last question...


Hahaha famous last words! :lol::lol:

To open an RLM file through RSD. What i mean is launch RSD then go file>open navigate to your rlm file and open it. Once you save it, it will turn into a RSD file and leave your RLM file completely alone.

I actually covered this in the last video tutorial I did.

https://www.youtube.com/watch?v=OuJ5IKOs4D4
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

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.