• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Full Page Background Image

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Full Page Background Image

This topic is: not resolved

Tagged: background, css, Full Page Image, help, Pretty, Scaling Image, script

  • This topic has 14 replies, 4 voices, and was last updated 9 years, 12 months ago by Robert Palmer.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • March 27, 2013 at 10:47 pm #31669
    PrintsCharming
    Member

    I'm using the Pretty Young Thing Theme and really want to add a full page background image. Would anyone be able to help me with this? I'm so close, but just not getting it.

    March 28, 2013 at 5:48 am #31707
    Brad Dalton
    Participant

    Try one of these plugins:

    http://wordpress.org/extend/plugins/simple-full-screen-background-image/

    http://wordpress.org/extend/plugins/background-per-page/screenshots/


    Tutorials for StudioPress Themes.

    April 1, 2013 at 8:40 am #32430
    PrintsCharming
    Member

    Thank you so much for responding. Unfortunately, neither of these are working.

    April 1, 2013 at 9:08 am #32435
    Brad Dalton
    Participant

    I tested that plugin on your theme and it worked for me.

    http://wordpress.org/extend/plugins/simple-full-screen-background-image/

    Another option is to use CSS code http://css-tricks.com/perfect-full-page-background-image/

    Or try this plugin http://wordpress.org/extend/plugins/background-manager/


    Tutorials for StudioPress Themes.

    April 1, 2013 at 9:10 am #32437
    PrintsCharming
    Member

    can I ask you if you used the editor in plugins to manipulate the image or the application within the dashboard. Cause I can't seem to figure this out! HOURS of time wasted!!!

    April 1, 2013 at 10:12 am #32448
    Robert Palmer
    Member

    Hey!

    This plugin should work for you. If you get a error stating your version of php is too low, then I can give the fix my host gave me. Its easy... Ihad php 5.2 and needed 5.3 or higher.

    Plugin: http://wordpress.org/extend/plugins/background-manager/

    Robert

     

    April 1, 2013 at 10:14 am #32449
    PrintsCharming
    Member

    PLEASE!!! Yes, help!!! If you could tell me how to fix this, I would be very appreciative. For now I"m just ignoring it cause I need to get rolling. Please have a look and let me know if you can help me out!

    http://creationsbymonique.net/

    April 1, 2013 at 10:25 am #32454
    PrintsCharming
    Member

    Yes my php needs to be 5.3 or higher. Have NO idea how to fix that.

    April 1, 2013 at 11:18 am #32472
    Robert Palmer
    Member

    Hey,

    You can add the following line of code to your .htaccess: AddType application/x-httpd-php53 .php

    You should find that file in the /pubic_html directory

    Add the code below this code-

    # BEGIN WordPress
    <IfModule mod_rewrite.c>

    AddType application/x-httpd-php53 .php

    If your not sure how to do this I can help you further, but PM me!

    Robert

    April 1, 2013 at 12:09 pm #32475
    miltonolave
    Member

    I think if you go to Genesis Custom Code and put there.
    background: url (url of image);
    If you put the image in the directory through your server, serious (images / image name with extension), would be something like, (images / imagename.jpg).

    if you want to repeat the image vertically serious: (images / image.jpg name) repeat-y;

    April 1, 2013 at 12:22 pm #32480
    Robert Palmer
    Member

    The backgound manager allows to upload sets of images, pick what pages/posts/categories, etc. Choose placement, use as normal size or full screen, tile, fix or scroll, choose background color, etc. Its pretty cool.

    I'm playing with it now!

    Robert

    P.S. Did I mention you can make it clickable? If you upload a set of images it will rotate through them.

    April 1, 2013 at 2:25 pm #32507
    PrintsCharming
    Member

    Robert the Background Manager sounds fantastic. I can't even figure out how to private message you, let along update my php. So I'm going to search now to update my php because I can't quite figure out from the instructions you've posted. BUT I thank you so much for the help. I'm a designer and can figure out code, but this is a bit far beyond my range.

    April 1, 2013 at 3:33 pm #32528
    Robert Palmer
    Member

    Hey, ya after I said that I realized you cannot PM on this board! Grrrr

    I can give you instructions here. I use my FTP client (mine is CuteFTP 8.0 Pro to do most of my

    modifications, but if yours won't allow file editing then you can use your cpanel file manager.

    1.Login to your cpanel

    2. Find the icon File Manager, then click on it.

    NOTE: Before entering your file manager, cPanel pops up a message asking you where you would like to go within  your file structure. At the bottom of the radio buttons, you will see a checkbox asking you if you'd like to view hidden files. Check that box before entering your file manager and you will see the .htaccess file.

    3.When you see the pop-up box, check the hidden file box at the bottom, and make sure above that is checked WebRoot (public_html/www) then click go

    4. You should see all the files on the right hand side.

    5. Highlight the file .htaccess by clicking on it once. Now lets save that file to your computer in case you do something wrong. While its still highlighted at the top you will see a DOWNLOAD icon, so click on that and save it somewhere you'll remember.

    6. After you saved the file, then at the top of the window click EDIT.

    7. Now in that file you should see this or something similar-

    # BEGIN WordPress
    <IfModule mod_rewrite.c>

    Add this line under the rewrite line and before ADDsomething or other:  AddType application/x-httpd-php53 .php

    8. It should look something like this-

    # BEGIN WordPress
    <IfModule mod_rewrite.c>
    AddType application/x-httpd-php53 .php
    RewriteEngine On
    RewriteBase /

    Theres more in the file but you get the idea. So go ahead and click on SAVE CHANGES at the top right.

    Your done!

    Go and refresh your sites admin panel, and go back to plugins and click on activate or re-install it if its not there!

    Robert

    April 1, 2013 at 4:23 pm #32532
    PrintsCharming
    Member

    Ta-DA!!!! IT's working!!!! Had to play techie and adjust the code some more cause it wasn't registering as php 5.3 But it's done!! Now your my hero of the day!!

    What size would you upload your background image as? They way mine is set, I'm not seeing the bottom, I'm kind of afraid to  adjust but if you have a size you would normall use, I'll try it. Since your a genius!

    April 1, 2013 at 6:40 pm #32541
    Robert Palmer
    Member

    Hey, well background size can vary as there are so many screen sizes.

    You have it set to FullScreen. Your image size is 400 x 255 right?

    Do you have CENTERED enabled?

    I checked it on my droid Razor and I can see the wood floor on it. Looks cool...

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble