• I am designing a website for someone – http://jimmybilbrey.com/ – and he wants me to make two changes to the image on the homepage.

    Firstly, he wants the the border surrounding the image to be changed from orange to black. The orange was automatically put there as a part of the wootheme “Bueno”. And I can’t figure out how to change the color.

    Secondly, he wants me to enlarge the picture to fit the area between the dates and the left border. Essentially, extending it so that it will reach the grey border on the right.

    Thank you very much for your help in advance!
    ~NightStryke

Viewing 4 replies - 1 through 4 (of 4 total)
  • First install a Custom CSS plugin, this one for example
    https://wordpress.org/plugins/simple-custom-css/

    Then use this code in it, copy and paste.

    .home.page .wp-image-81 {
    	border-color: black;
    	float: none;
    	width: 600px;
    	height: auto;
    	margin: margin: -30px 0 50px -55px;
    }

    The title for the home page should not be just “Home”, use something else that has SEO value, like “John Doe Music”, “John Doe Home Page”, or just “John Doe”.

    Thread Starter NightStryke

    (@nightstryke)

    Thank you very much! That completely fixed the border color.

    However, I still cannot figure out how to place the image in the correct place that he wants me to place it. In fact, it is now stuck on the left side, I cannot even now move it back to the right side like it was before.

    Thanks again!
    ~Isaiah

    Use this code instead

    .home.page .wp-image-81 {
    	border-color: #000;
    	width: 300px;
    	height: auto;
    	margin-right: -55px;
    }

    Anyway, this adjustment is kind of weird. It will look good in theme that doesn’t have content border.

    Thread Starter NightStryke

    (@nightstryke)

    Okay, great! Thank you very much again. 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing the border color on image, and the margins?’ is closed to new replies.