• How would I change the Green and the black background on this template, and add an image or change text in the header?

    1. changing the green in the header
    2. changing the black on the sides of the webpage
    3. changing the text style “the investment”
    4. adding an image to the header

    https://thepoorinvestment.sfactions.com/

Viewing 3 replies - 1 through 3 (of 3 total)
  • 1. The green in the header is an image called green-head.png located in your ambergreen theme’s images folder. Create another png image sized 950px x 132px and name it green-head.png and upload to server per structure below
    wp-content/themes/ambergreen/images/green-head.png

    2. Black on the sides of the webpage is a repeating image named 5fade.png located also in your theme’s images folder. You can do the same as above.
    wp-content/themes/ambergreen/images/5fade.png
    or just delete the image entirely. Open up your theme’s style.css with text editor like notepad and find this:

    body {
    	font: 12px/170% Arial, Helvetica, sans-serif ;
    	text-align: center;
    	background-color: #666666;
    	background-image: url(images/5fade.png);
    	background-repeat: repeat-x;
    	padding: 0px;
    	margin: 0px;
    }

    and change background-color: to whatever color you prefer and delete the line of background-image as well as background-repeat. e.g. for a white background without images in background
    body {
    font: 12px/170% Arial, Helvetica, sans-serif ;
    text-align: center;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
    }

    3. The Investment Text Style – open up your theme’s style.css and find this:

    #header h1#logo-text a {
    color:#FFFFFF;
    float:left;
    left:35px;
    margin:0;
    padding:0;
    position:absolute;
    text-decoration:none;
    top:55px;
    }

    add font declaration: w3c font reference e.g.

    #header h1#logo-text a {
    font: 16px italic Georgia,Times,serif;
    color:#FFFFFF;
    float:left;
    left:35px;
    margin:0;
    padding:0;
    position:absolute;
    text-decoration:none;
    top:55px;
    }

    4. Adding an image – what kind? You can add it via background or on the site’s header

    Thread Starter damnmoments

    (@damnmoments)

    I would like to add a .png image of my logo to the header, and possibly the background.. So both would ways would be helpful.. Thanks for the info thus far

    Upload the png image in your theme’s images folder. Then in header.php, you add the following within <div id="header"> before or after the <h1></h1> title tag:
    <img src="https://yoursite.com/wp-content/themes/ambergreen/images/logo.png alt="logo" />

    The how-to and CSS for the header background was already given in my first post #1. Implement the change then get back and show what you implemented if you still need finetuning.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing color in header and on sides of theme, and adding/changing text and ima’ is closed to new replies.