How to find background code

Permalink
Hey folks. So, just a warning, I'm not too savvy when it comes to web building. I get by but that's about it. A few years ago, I built my site and shortly after added a background image that stayed the same on all of the pages. Well, I'm making some changes and would like to change that image. Problem is, I can't find the original code that I put in. I feel like I can visualize the exact window, but it's nowhere to be found. All I really need is just to swap the pictures out that's it. The site ishttp://www.TJGwoodworking.com if it's needed. Thanks in advance.
-Tyler

 
Adreco replied on at Permalink Reply
Adreco
Hi Tyler,
Using chrome, if you right click on your page and "inspect element" you'll find your background image is defined on about line 80 of your main.css file.

Changing the image url will update your site.

Hope this helps

Adrian
Arvixe Web Hosting / Concrete5 Community Liaison |
http://www.arvixe.com/concrete5_hosting.............
tymann09 replied on at Permalink Reply
Hi Adrian,
I'm able to do the inspect element and find the code within the main.css file. When I delete the current image and replace it with a different one, it shows up and looks great. The problem i have now is keeping it that way. As soon as a close out of the inspect element window and go to a different page, it reverts back to the original image i had. what should i do?
planist1 replied on at Permalink Reply
planist1
Just a guess, but I think you need to change the actual css in the theme you are using. Which looks to be dark chocolate.

If you are using the core theme (and didn't use a copy) main.css should be in the root/concrete/themes/dark_chocolate folder.

If you did create a copy, then main.css should be in the root/themes/dark_chocolate folder.
tymann09 replied on at Permalink Reply
Since the last reply I posted, I've gone in and edited the css for the dark chocolate theme. I've found the old image and replaced it with the new. The preview shows up and it looks exactly the way I want. I hit save changes and return to website and it's still the same, no change. I'm wondering if I'm doing something wrong.
Adreco replied on at Permalink Reply
Adreco
Hi Tyler,
Sorry for late reply. Two things come to mind:
1) Always clear both site and browser cache when making image changes ( they always seem a little "sticky" )
2) Make sure you change the uppermost version of your Dark Chocolate theme. Best practice on modified theme is to copy it from Root>Concrete>Themes and place it in the upper level Root>Themes folder. This way it isn't overwritten when/if you upgrade your C5 installation :)
let us know if this helps

Adrian
Arvixe Web Hosting / Concrete5 Community Liaison |
http://www.arvixe.com/concrete5_hosting.............

PS Bad move on my part not explaining dev tools are for diagnostics, not site editing :(
tymann09 replied on at Permalink Reply
Adrian,

Clearing the Cache seems to have solved all of my issues! Funny how sometimes it's as simple as the click of a button. Thanks a lot for the help.