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
-Tyler
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?
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?
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.
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.
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.
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 :(
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 :(
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.
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.
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.............