• Resolved crosstherubicon

    (@crosstherubicon)


    I’m trying out how to get my header image to display correctly. I have an image that is sized at 912 X 104 pixels. When I upload that image and use it as the header image it seems to blow it up and make it appear bigger than what it actually is. I want it to display actual size. How do I modify the setting for the header image so that it displays actual size?
    Thanks
    http://riotierra.wickenburgaz.biz

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello Mantra. How are you adding the image. When you upload an image you should have options as to the size of the image itself. You can also use css to set the height and width that you want.

    Thread Starter crosstherubicon

    (@crosstherubicon)

    I’m just using the function built within Mantra to upload the image. It doesn’t matter how I manipulate the settings within Mantra it increases the size of the image.

    I don’t know much about CSS so don’t know how to use it to “set” the size of the header image. Can you shed some light on that? I am using the Simple Custom CSS plugin to modify a couple of things but don’t know how to set dimensions of the header image.

    Add the following code to your style.css file or the main css file in your theme.
    #bg_image{
    width: 655px;
    height: 80px;
    }

    instead of 655px and 80px you can use any suze you want. You should add the same dimensions the original image has.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    am using the Simple Custom CSS plugin

    Use that plugin to hold your CSS modifications.

    Thread Starter crosstherubicon

    (@crosstherubicon)

    It worked! Thanks for your help. I just plugged in the actual height and width into the Simple Custom CSS plugin and it’s just fine now.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header image’ is closed to new replies.