changing an image file from the .css in a wordpress theme

[rsher29]

I'm a nube. I Read a book on HTML/CSS no armed with basic understanding.

 

Need to change an image file in a Wordpress theme

 

Accessed the .css file and found the file that I want to change.

 

Question: where do I find the existing file? (it's a .png background image)

here is the code:

 

@import url(css/font.css);@import url(http://fonts.googleapis.com/css?family=Expletus+Sans);@import url(http://fonts.googleapis.com/css?family=Oswald);html { background:url(images/background.png) left top repeat;}body { background:url(images/top.jpg) left top repeat-x; color:#8a8a8a;}

 

Please help;

 

Richard Sher

.

 

[dsonesuk]

in the same folder as the css file should be an images folder, in that, should be your image.

[rsher29]

There is not folder as I can see.:

 

 

I dont have any images on my Dard Drive for Wordpress, here is the .css file.

 

Thank you very very much for you reply. If you cand advice me I'd appreciate it imenesely!

 

Richard

.

 

 

 

/*Theme Name: RealEstaterTheme URI: http://smthemes.com/realestater/Author: The Smart Magazine ThemesAuthor URI: http://smthemes.com/Description: Template by SMThemes.comVersion: 2.0License: Creative Commons 3.0Theme date: 07/30/2013License URI: license.txtTags: white, red, light, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options*//* -==========================- GENERAL -==========================- *//*------------------------------ PAGE ------------------------------*/@import url(css/font.css);@import url(http://fonts.googleapis.com/css?family=Expletus+Sans);@import url(http://fonts.googleapis.com/css?family=Oswald);html { background:url(images/background.png) left top repeat;}body { /* background:url(images/top.jpg) left top repeat-x; */ color:#8a8a8a;}a { color:#8a8a8a;}a:hover { color:#db731f;}h1, h2, h3, h4, h5, h6, a.post_ttl { color:#727272; text-decoration:none;}a.post_ttl { font-size:28px; }/*------------------------------ HEADER ------------------------------*/#header { }#header .container{ padding:0 20px;}#secondarymenu-container { position:relative;}/*------------------------------ SEARCH ------------------------------*/#s { border:none; background:none; float:left; color:#848484; height:25px; line-height:25px; width:150px;}.searchbtn { height:25px; width:35px; margin-right:5px;}.searchform { background:#e3e3e3; border-bottom:1px solid #f4f4f4; border-right:1px solid #f4f4f4; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin:0; box-shadow:1px 1px 1px #848484 inset;}/*------------------------------ CONTENT ------------------------------*/.articles .one-post{ background:#f8f7f6; border:1px solid #dcdcdc; margin:0 10px; margin-bottom:5px; padding-top:1px;}.articles .post-caption { border-top:3px solid #ee8b25;}.articles .post-caption h2 a { color:#727272; font-family:'Expletus Sans';}.articles .post-caption a { color:#a4a4a4; text-decoration:none;}.articles .post-caption a:hover { color:#db731f;}.articles .post-caption p { border-top:1px solid #e0dfdf; border-bottom:1px solid #e0dfdf; color:#a4a4a4; font-family:'kaushan'; font-size:14px;}.articles .post-date { color:#db731f; float:right;}#commentform #submit, input.readmore, a.readmore { background:#f8f8f8; background-image: linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -o-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -moz-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -webkit-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -ms-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.4, rgb(228,228,228)), color-stop(0.5, rgb(249,249,249))); border: 1px solid #d3d3d3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color: #575656; margin-right: 5px; text-decoration: none;}a.readmore:hover { color:#db731f;}.featured_image { padding:3px; background:#fff; border:1px solid #d3d2d1;}.widget_posts ul li img,.widget_flickr a { padding:2px; background:none;}.page-numbers { padding:0 20px; line-height:51px;}a.page-numbers { background:#f8f8f8; background-image: linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -o-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -moz-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -webkit-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -ms-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.4, rgb(228,228,228)), color-stop(0.5, rgb(249,249,249))); border: 1px solid #d3d3d3; color: #575656;}a.page-numbers:hover { color:#db731f;}span.page-numbers { background:#f8f8f8; background-image: linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -o-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -moz-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -webkit-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -ms-linear-gradient(bottom, rgb(228,228,228) 40%, rgb(249,249,249) 50%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.4, rgb(228,228,228)), color-stop(0.5, rgb(249,249,249))); border: 1px solid #d3d3d3; color: #db731f;}/*------------------------------ FOOTER ------------------------------*/#content-bottom { background:url(images/footer-top.png) left top repeat-x !important; height:7px;}#footer { color:#e8e8e8; background:url(images/footer.jpg) left top repeat;}#footer .container {}#footer a { color:#fff;}#footer a:hover { color:#e0cbc6;}#footer h3 { color:#fff;}.footer-widgets-container { border-bottom:1px solid #6d1b0b;}#footer .footer_txt { border-top:1px solid #a8503c; padding-top:31px; background:url(images/separator.png) left top repeat-x;}/*------------------------------ WIDGETS AND SLIDER ------------------------------*/#content .widget { background:#f8f7f6; border:1px solid #dcdcdc; margin-bottom:5px; padding:0; padding-top:1px;}#content .widget .inner { border-top:3px solid #ee8b25; padding:10px;}#content .widget_banners .inner { padding:10px 0;}#content .widget_tabs .inner .inner { border:none; padding:0;}.fp-next, .fp-prev { width:36px; height:36px;}/* -==========================- DESKTOP -==========================- */@media only screen and (min-width:1024px) { #logo { float:left; } .menusearch { position:absolute; right:15px; top:156px; } /*------------------------------ MENU ------------------------------*/ #secondarymenu-container { height:140px; position:relative; z-index:11; } #secondarymenu { float:right; margin-top:70px; } #secondarymenu li { margin-right:5px; } #secondarymenu a { color:#f9f9f9; text-decoration:none; padding:6px; display:block; font-size:12px; } #secondarymenu a:hover{ text-decoration:underline; } #mainmenu-container { height:61px; background:url(images/menu.png) right top no-repeat; padding:0 4px; margin:0 -4px; } #mainmenu { float:left; } #mainmenu li a { text-align:center; color:#575656; text-shadow:1px 1px 1px #fff; display:block; text-decoration:none; font-size:13px; font-family:'Expletus Sans'; padding:19px 25px; } #mainmenu a:hover{ color:#db731f; } #header li ul { top:31px; } #mainmenu li ul { top:58px; left:0%; } #header li ul .inner { background:#f9f9f9; padding:0; } #header ul.children li, #header .sub-menu li { padding:0 !important; margin:0 !important; height:25px; line-height:25px; } #header ul.children li a, .sub-menu li a { color:#575656 !important; padding:0 !important; background:none; height:25px; line-height:25px; } #header .sub-menu .sub-menu { top:0; } #header ul.children li a:hover, .sub-menu li a:hover { color:#db731f !important; } /*------------------------------ SLIDER ------------------------------*/ .slider-container { margin:15px 0; padding-bottom:23px; background:url(images/slider-shadow.png) 50% bottom no-repeat; } .slider { position:relative; width:990px; margin:0 auto; padding:5px; background:#fff; border:none; } .fp-prev-next-wrap { margin:-5px; } .fp-prev,.fp-next { margin:0 5px; margin-top:-18px; } .fp-slides,.fp-thumbnail,.fp-slides-items { height:383px; width:990px; } .fp-content-fon { border-bottom:none; border-left:none; border-right:none; } .fp-content-fon, .fp-content { left:0; right:0; bottom:0; } .slider-nothumb .fp-content-fon { background:#fff; } .slider-nothumb .fp-content a,.slider-nothumb .fp-content p{ color:#000; } .fp-nav { bottom:25px; right:30px; left:auto; }}/* -==========================- TABLET -==========================- */@media only screen and (min-width:640px) and (max-width:1023px) { #header .container { background-position:50% top; } #logo { float:left; margin-left:20px; } #header-banner { margin-top:25px; float:right; } /*------------------------------ MENU ------------------------------*/ .menusearch { float:right; margin-top:25px; margin-right:25px; clear:right; } #secondarymenu-container { height:100px; padding-top:0px; } #secondarymenu { float:right; clear:right; margin-right:15px; margin-top:20px; } #secondarymenu li { padding:18px; } #secondarymenu li a{ color:#f8f8f8; text-decoration:underline; } #mainmenu-container { padding-bottom:19px; clear:left; margin-bottom:15px; border-top:1px solid #a3a3a3; border-bottom:1px solid #a3a3a3; background: #fdfdfd; /* Old browsers */ background: -moz-linear-gradient(top, #fdfdfd 0%, #f8f8f8 50%, #e6e6e6 51%, #e4e4e4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(50%,#f8f8f8), color-stop(51%,#e6e6e6), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fdfdfd 0%,#f8f8f8 50%,#e6e6e6 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fdfdfd 0%,#f8f8f8 50%,#e6e6e6 51%,#e4e4e4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fdfdfd 0%,#f8f8f8 50%,#e6e6e6 51%,#e4e4e4 100%); /* IE10+ */ background: linear-gradient(to bottom, #fdfdfd 0%,#f8f8f8 50%,#e6e6e6 51%,#e4e4e4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */ } #mainmenu { margin:0 10px; } #mainmenu li { padding:0; float:left; } #mainmenu a { color:#575656; text-shadow:1px 1px 1px #fff; text-decoration:none; font-size:13px; font-family:'Expletus Sans'; padding:19px 10px 9px; display:block; } #header ul.children li a, .sub-menu li a { color:#575757 !important; }}/* -==========================- MOBILE -==========================- */@media only screen and (min-width:240px) and (max-width:639px) { #header { background:none; } #header .container { background-position:50% top; } .menusearch {padding:3px 0;} #secondarymenu-container { padding-top:3px; } #logo { margin-bottom:-10px; } #secondarymenu, #mainmenu { background:#fff; margin:0 -2%; padding:0 2%; margin-top:10px; } #secondarymenu li, #mainmenu li { border-top:1px solid #eee; } #secondarymenu li a, #mainmenu li a{ color:#142736; } .fp-next, .fp-prev { margin:0 -5px; } .footer-widgets .widgetf:first-child { border:none; } #footer { width:100%; } .widgetf { border-top:1px solid #d3d3d3; } .articles .post-date { float:none; } .articles dt p img { display:none; } .fp-nav { bottom:-5px; } .slider-container { padding-bottom:20px; } #s { width:70%; }}

 

 

________________________________________________________________________________________________________

 

 

Are not all images on a server?

[rsher29]

I got this problem sorted out.

 

Thank you.

 

 

Richard

 

 

.