Moving Image Beneath Top Navigation Menu/Wordpress Theme

Discussion in 'Web Design and Development' started by MarximusMG, Aug 7, 2011.

  1. MarximusMG macrumors 6502a


    Jan 21, 2009
    I'm working on modifying a Wordpress theme (Feather by Elegant Themes) right now. I've inserted an image above the header navigation menu. I inserted it via FTP at the top of home.php, but this is obviously only showing it at the very top of the page. I need it to be directly beneath the menu. And I need this to only be on the home page, and on no other page. Which file am I going to need to edit, and where in the file does the image need to be placed? Any help is appreciated!

  2. designguy79 macrumors 6502

    Sep 24, 2009
    Do you know CSS and HTML?

    Depending on the how that template is setup, you'll need to do some (possibly a lot) of modifications to CSS and possibly the HTML.

    You may want to consider paying someone to help, unless you have a good amount of time on your hands and want to learn CSS and HTML.

    Hope that helps!

    ~ Jeremy
  3. indubitably macrumors newbie

    Jun 18, 2010
    First off, are we talking about Final_Logo_and_Frame_Small.png the large logo picture?

    "I inserted it via FTP": So you placed the image file onto your server, so far so good.

    "at the top of home.php": I don't get this part, did you edit the home.php file to include this image? Or did this mean you placed the file above that .php file on your server, not editing any kind of text?

    Home.php confuses me because when I pull up the source code of your page (command+option+U) there is no mention of this .php file. Also when I check the activity (shows what files are loaded for your webpage command+option+A) there is only a single HTML file loaded.

    So long story short from my end everything is somewhat masked by the way Wordpress's file system works (or are you hosted somewhere else?) and I cannot see this home.php file

    It needs to be placed in your index HTML file(I am not familiar with wordpress's file system, on my site it would be Index.html, all I can see from here for your site is after the line:
    "<!-- Start Featured -->"

    You will also need to determine which CSS style rules to use:

    <div id="featured">

    ^^will be one I am almost certain. But it looks like you will have to play with it and see what works.
  4. indubitably macrumors newbie

    Jun 18, 2010
    Forgot to mention, turn on the ability to "Inspect Element" in Safari:
    Safari>Preferences>Advanced>check "show develop menu in menu bar" at the bottom

    Now you can right-click anywhere on your webpage and select Inspect Element and it will show you where that area/element is in your coding and what CSS rules apply. Very helpful

Share This Page