• Hey guys,

    I am very new to wordpress, as in like less then 24 hours lol. I have scoured around for this info but I could never find a post that truly described what to do.

    I currently have this theme: https://wplayout.com/free-wp-layout-uk-fishing-theme-3.html and I want to take both the fish and the map out of the header. I would like to replace them with a picture of a trout (instead of the bass) and my logo instead of the map.

    Could someone please help me as I have been trying to figure this out for hours. Also, please keep it pretty simple as I am not only super new to wordpress I am also super new to web design period.

    Thanks again

Viewing 14 replies - 1 through 14 (of 14 total)
  • JayRich, you need to upload the new header through your dashboard under Appearance > Header and then upload the new header image that you want.

    Before we work on the header this theme contains encrypted code that breaks the site if you remove the spam links contained at the bottom of the site. I took the liberty to clean up the theme for you and remove these links.

    If you still want to use this theme please download the ‘clean’ version from here.

    Once you have that done, remove the current version of this theme you have installed on your site and then upload the one I had you download and activate it.

    Then visit the Editor page under the Appearance menu in your Dashboard. Click on header.php on the right hand side of the Editor page and look for the following code.

    <div class="art-Header">
        <div class="art-Header-png"></div>
        <div class="art-Header-jpeg"></div>
    <div class="art-Logo">
        <h1 id="name-text" class="art-Logo-name">
            <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
        <div id="slogan-text" class="art-Logo-text">
            <?php bloginfo('description'); ?></div>
    </div>
    
    </div>
    <div class="art-nav">

    To remove the entire section of image and text in the header modify the code to look like the following.

    <div class="art-Header">
    
    </div>
    <div class="art-nav">

    You can then add in your own image between the

    <div class="art-Header">
    
    </div>

    area by using code such as

    <img src="URL to your image" alt="Description of your image" />

    so that the resulting code would look like

    <div class="art-Header">
    <img src="URL to your image" alt="Description of your image" />
    </div>
    <div class="art-nav">

    that is all one large image:
    in the /images folder of your theme;
    /wp-content/themes/uk_fishing_theme_3/images/Header.jpg

    if your theme has the ‘header’ option under ‘appearance’, follow what @wayne hatter suggests;
    otherwise create a new image with the same dimensions and with the same name (watch for capitalisation), and upload it into the images folder of your theme.

    Thread Starter JayRich

    (@jayrich)

    Hey guys,

    Thanks for all the help. I followed your steps Jarret, and all was fine except that when I go to put my own image in, I use that code (<img src=”URL to your image” alt=”Description of your image” />) But then when I go to preview it all i get is an empty area (where the header was) and the text written up in the top left hand corner. Am I doing something wrong? With that code isn’t it turning the image into a hyperlink?

    Thread Starter JayRich

    (@jayrich)

    Nevermind got it to work! Thanks all for your help! One final question, how can i remove the advertisement box? We won’t be using adsense or anything so what code do I need to remove to have this gone?

    Go into the Editor again and open up sidebar1.php. Find the following section of code (its right at the top) and remove it.

    [Code moderated as per the Forum Rules. Please use the pastebin]

    Thread Starter JayRich

    (@jayrich)

    Thanks again so much Jarret. I have one final question (I know you probably hate me by now). But I can’t seem to get the header image to match the space provided. I screen shotted the old header to see the dimensions and then matched my new one up with that, but I just cant seem to get it all to fit…

    Can you provide me with a link to your site if it is live? If not, upload a screenshot of the issue so I can get a better idea of what you are trying to do.

    Thread Starter JayRich

    (@jayrich)

    Here is the link: https://www.petesufish.com/wordpress/. As you will see the header doesn’t fit well with the alotted area. The header only takes me like 2 minutes to make, so altering it isn’t a big deal. I just can’t seem to get the dimensions to work.

    The image you created is about 800px wide by 230px high and the area for the header is about 960px wide by 300px high ??

    Thread Starter JayRich

    (@jayrich)

    When I open the image myself though it has it marked as 1276 x 365. Like when I created the image those were the dimensions. My first proof was exactly 960 x 300 and that still didnt work. I just uploaded my first proof (960 x 300). You can see for yourself even with those exact dimensions it still doesn’t work.

    I see you are using imageshack to host the image, do they offer a full size version url that you can use to link with?

    Thread Starter JayRich

    (@jayrich)

    omg that’s perfect! That is exactly what it what, by default it was resizing my images. Jarret you are an absolute life saver and I honestly cannot thank you enough! Thanks for all your help!

    Glad you got it working ??

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘I need help with my theme's header!’ is closed to new replies.