Title: Using the CSS Resize Trick
Last modified: August 30, 2016

---

# Using the CSS Resize Trick

 *  [Proph3cymusic](https://wordpress.org/support/users/proph3cymusic/)
 * (@proph3cymusic)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/using-the-css-resize-trick/)
 * Hello,
    I am finished building my website (www.proph3cy.com) but am now trying
   to make it mobile compatible. If you look at the page titled SOCIAL MEDIA and
   WHOSE PROPH3CY? on the front page, the background image repeats and some of the
   texts stretches out, not fitting the window.
 * I looked up a technique on how to resize and found this: [https://css-tricks.com/perfect-full-page-background-image/](https://css-tricks.com/perfect-full-page-background-image/)
 * I am trying to do the first technique but am a little confused on how and where
   to actually enter in this code to my website as I am new to this code stuff.
 *  A simple and direct answer would be appreciated on how to apply this technique
   to my website for the 2 backgrounds that are warping on my front page in mobile(
   and also text as well for the ‘whose proph3cy’ section).
 * This is the code that they suggested that I would like to know how to use:
 * html {
    background: url(images/bg.jpg) no-repeat center center fixed; -webkit-
   background-size: cover; -moz-background-size: cover; -o-background-size: cover;
   background-size: cover; }
 * Thanks!
    Zach

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/using-the-css-resize-trick/#post-6635338)
 * The best way to make changes like this to a theme is to use a child theme, so
   your tweaks won’t be overwritten when updating the theme. Here are some guides
   in case you haven’t made one before:
    [http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial](http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial)
   [https://codex.wordpress.org/Child_Themes](https://codex.wordpress.org/Child_Themes)
   [http://op111.net/53/](http://op111.net/53/) [http://vimeo.com/39023468](http://vimeo.com/39023468)
 * You should also check this out for customizing your site.
    [http://themesandco.com/snippet/firebug-best-spent-6-minutes/](http://themesandco.com/snippet/firebug-best-spent-6-minutes/)
   [http://getfirebug.com](http://getfirebug.com)
 * Then to edit this editor is fantastic. You can edit multiple files at the same
   time.
    [http://notepad-plus-plus.org/](http://notepad-plus-plus.org/)
 * And this FTP program is tops in my book.
    [http://www.coreftp.com/](http://www.coreftp.com/)
 *  Thread Starter [Proph3cymusic](https://wordpress.org/support/users/proph3cymusic/)
 * (@proph3cymusic)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/using-the-css-resize-trick/#post-6635345)
 * Ok i succesfully uploaded the child theme. It didn’t transfer over A LOT of the
   content though like the big title page background image, the custom buttons I
   added in CSS, the website menues, etc. Like its basically like a brand new theme
   but with only some of the things from my other theme transferred on zerif-lite.
 * Why is this?
 *  Thread Starter [Proph3cymusic](https://wordpress.org/support/users/proph3cymusic/)
 * (@proph3cymusic)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/using-the-css-resize-trick/#post-6635357)
 * Nvm got it to work with Child Theme Configurator plugin. Great plugin
 *  Thread Starter [Proph3cymusic](https://wordpress.org/support/users/proph3cymusic/)
 * (@proph3cymusic)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/using-the-css-resize-trick/#post-6635359)
 * But now that I have the child theme set up. Whats the correct code I enter in
   for getting the text and image to fit properly and where should I enter it?
 *  [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/using-the-css-resize-trick/#post-6635461)
 * You enter any custom css into your child theme style.css file and php functions
   go into your child themes functions.php file. Do not copy the theme’s style sheet
   or functions to the child theme files. That being said, go to to my previous 
   post and watch the firebug video, you can also find videos on youtube for firebug
   and how to use it. Almost all browsers have developer tools that work pretty 
   much the same way as firebug, so watching those videos will help you to figure
   out how to do exactly what you want to change and give you the selectors you 
   need for making those changes on your site using your child theme. Here’s another
   resource for using CSS, take a look: [http://www.htmldog.com/guides/css/beginner/](http://www.htmldog.com/guides/css/beginner/)
 * You can also go to the forum that supports your theme for theme specific help.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Using the CSS Resize Trick’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 2 participants
 * Last reply from: [David_G](https://wordpress.org/support/users/questas_admin/)
 * Last activity: [10 years, 6 months ago](https://wordpress.org/support/topic/using-the-css-resize-trick/#post-6635461)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics