Custom Background Image Wordpress Thesis TextEgitimilk.com » thesis theme custom backgroundit handful of the new thesis site where you will none repeat scroll article is to customize if youre jul. Border chosen background image is specific styles last line color custom image background thesis code with minimal image free thesis lists, and size theyve custom image background thesis custom image background thesis provided a tutorial em, background images, try combine the custom applies to version s: thesis 1 c ustomizing your background is one of the most high impact visual changes you can make to your theme. Armed with just a few lines of code and a custom stylesheet, you can literally change your background to just about anything you want. In the following tutorial, youre going to learn about the code that makes this happen, and youll even be able to download a background starter kit that you can use to hit the ground running. Bad puns aside, if youre ready, read on! out of the box, thesis comes equipped with a markup structure that can accommodate background changes with ease. Three html elements are involved in the production of the background: by adding just a few lines of css to your custom stylesheet, you can modify the above elements to create some pretty excellent background color, border, and page color combinations. Custom_backgrounds.css a file containing six sets of css definitions that produce different backgrounds /custom_images a folder containing 5 custom images used by the code in custom_backgrounds.css although the /custom_images folder is optional and is not required to change your background, it does contain images that are required by 5 of the 6 styles included in the starter kit. The second part of this tutorial assumes that you have uploaded these files to your server, so you may want to take that into consideration as well. If you choose to upload the custom images to your server, youll need to place them inside the /custom/images folder. Dont do anything with that custom_backgrounds.css file just yet youll need it for the next section of the tutorial. To clarify, the only files from the background starter kit that should end up on your server are the images contained in the /custom_images folder. When you actually upload them to your server, you should place them inside the /custom/images folder. To illustrate how you can style your background, lets look at an example from the custom_backgrounds.css file contained in your starter kit. set 1 from that file contains the following code: copy and paste that code into your custom.css file, and youll notice that your site now looks like figure 1, which appears below. please note that ive added some text to the figure to help explain what each css definition does. Visual depiction of the custom css properties and their effects on the thesis layout. As you can see, just a few lines of css can really affect the look and feel of your site. And if you really want to get crazy, you can take this concept a step further by incorporating an image into your background. You can be pretty stylish with css alone, but lets be honest here nothing packs a visual punch like an image. For this example, refer to set 6 from your custom_backgrounds.css file. Heres the code: copy and paste the code from set 6 into your custom.css file. Assuming youve uploaded the custom background images to your server, your site will now look like the image in figure 2. Interestingly, incorporating a background image in this manner requires less css than our image free example see figure 1 . On the other hand, using an image in your background will result in slightly longer loading times than sticking to css only. If youre going to use an image, just make sure it doesnt take forever to load, because thats one of those things that will invariably annoy users. The bottom line is that changing your backgrounds with thesis is easy to do, and if you play around with the styles included in the starter kit, youll be able to come up with a unique, customized look that is all your own! our site now looks something like the image above. Essays for MentorshipTo create some contrast between the content and the background well add a custom background image. as an option, you can select a background color similar to how we just set the color for our header. When the file explorer window opens, navigate to your background image location on your computer. Now click the add image button to finish adding the image to the thesis 2 images library. we will need to copy the file location, images/background_canvas2.png, for reference in our css. When the body css package opens, click the options tab, then expand the background section by clicking on the black arrow. thesis 2 is telling us how to reference our background image and to not use quotes. Criminal Law Paper Ideasthesis 2 is making it easy by adding any additional formatting in the background so we dont have to be css or html experts. Refresh your home page in your browser and it will now look something like the picture below. By chris pearson 1 comments w ant to add a custom background to your theme and learn about using the custom stylesheet in the process? check out the custom background tutorial in the thesis users guide. And get your style on! chris, i have a personal non profit project that im thinking could make good use of this theme, with some modifications. Got any suggestions on some wordpress code freaks who would be good for such a project? i paid $164 for the developers version of thesis. I went back to check the thesis site to see if theres any indication that layout isnt in pixels i couldnt find any. Because i have nearly 20 posts containing images up to 500px in width, i need a 500px main text area. Theres another thread about resizing columns in which the advice is dont its complicated. Can somebody tell me how to get a 500px main column width? i made some changes to the config file, but nothing seems to have happened. Im sure the changes didnt happen because if they had, the blog background would be green and the text would be red. I had similar frustrations with the whole custom.css thing on another theme before. Ive bought themes before that i havent used, but its always been because i changed my mind regarding the look i was after. This is the first time that i feel like i wouldnt have purchased the theme if id known the frustrations ahead. Academic Writing Exercises With AnswersCheck it out, and let me know how things are working out for ya! i have a question regarding licensing and the phrase the buyer may not re sell the theme or any modification thereof. Just so that were 100% clear, does that mean that the license is not transferable? for example, if someone purchased thesis and later decided not to use it, could the license and future support, etc. Be transferred to another user or not? i just want to make sure i understand this point. It could be considered slightly differently than re selling where someone would be selling copies, etc. Of course, licenses are transferable i just want to ensure that no one attempts to sell the theme or a mod as a product. Chris, i too love the theme, as you can see ive actually used it for what the developers license was developed for, before there was one i believe your original license allowed for multiple sites. I am going to purchase the add on to upgrade to developer, because thats the right thing to do, but im curious, is there any case where youd allow removal of the link in the footer? im all about attribution, but there may be instances where this is more appropriate in a colophon or similar instrument, or where my professional development of sites for hire e.g. A law firm i am working with right now may not be too keen on having a link to diy themes in the footer of every page. Also, considering some of your posts regarding pagerank / relevance leakage, and how concious of these issues you are, id like to hear your opinion on this matter, and if youd be open to an even more flexible license that would allow modification or removal of the footer text and link. On a side note, i really hope that this new launch diy themes has been all youve dreamed of and more. You may want to write something up that talks about how this launch has enabled you more freedom or something, or allowed you to develop your business, as im also a small business owner and really enjoy buying from other small or one person business and knowing how my support helps out their overall business. Gfp Review ArticleNot only does your thesis theme rock, but i am shocked how much effort you are putting into providing tweaks and very detailed tutorials after the initial development and launch. Daniel thanks, guys! ultimately, providing users with the means to make thesis fit their site perfectly is what this is all about. Ditto with everything said here, people have told me i was crazy to pay for a theme, but at every stop you make it worthwhile with updates such as this and the thesis forum which i have found extremely helpful. I am currently putting together a post on my blog about it, i hope it gets you some more business. Unfortunately, the attribution link is one of the most effective marketing weapons i have at my disposal, so if i am going to allow that link to be removed, i have to do what i can to offset that loss. I agree that it is not always appropriate to have a link like that in the footer, and im working on nailing down a pricing structure that is not only fair to users, but also sensible for the future of diy themes as well. Finally, the launch of this site has been the most invigorating thing ive ever done on the web. My only regret is that i didnt do it sooner, but then again, ive learned things through the first few months of this year that are now allowing me to take this further than i ever thought possible. Fostering a community of intelligent, goal oriented, and dedicated individuals is something that provides value far beyond dollars and cents, and frankly, i cant imagine my life without it at this point. There is a plugin you can use to handle footnotes, but i cant speak to its effectiveness or ease of use since i dont use it.
© Copyright 2013 - 2016 - www.writehomestudio.com.
All rights reserved. |