• Resolved DianeJMiller

    (@dianejmiller)


    Hi there,

    My website is https://www.dianejessiemiller.co.uk and my theme is Child Theme Omega.

    I’ve just uploaded a new header image to my site, which is obviously smaller than the image that was there. How do I increase the size and centre align it?

    Thanks in advance ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • jamesduffell

    (@jamesduffell)

    Hi Diane, what you may need to do (as I’ve not used the theme myself) is resive the image itself before upload, perhaps try a width of 1500px and keeping the current ratio, then when you select the image within your themes customiser just ensure that you’re selecting the original version of the image.

    As the themes responsive this should fill the width of the container, which would centre align the image at the same time.

    Hope this helps.

    ^JD

    Thread Starter DianeJMiller

    (@dianejmiller)

    Thanks JD… I’ve done this for the time being, as I’d like the image to be smaller as it’s over powering and losing some of its quality at the minute…

    Would you know how to centre align the image? That way I can just put a smaller image in from Photoshop…

    DJM

    ??

    jamesduffell

    (@jamesduffell)

    Without editing the CSS of the theme I’m afraid not, unless the theme comes with an input area for you to house some custom CSS? If that’s the case you could always look to center align the image if the image is being pulled in as a background, or if it’s within a container you could set the container to text-align:center; if the image is being displayed inline.

    Hope this helps,
    ^JD

    Thread Starter DianeJMiller

    (@dianejmiller)

    I’m happy to edit the CSS, I’ve done that before for a couple of things. It’s just knowing what to put in there or what I’m searching for…

    If you can point me in the right direction of what I’m searching for in the coding I would very grateful

    DJM
    ??

    jamesduffell

    (@jamesduffell)

    try giving the following a whirl

    .banner { text-align:center !important;}

    ^JD

    Thread Starter DianeJMiller

    (@dianejmiller)

    JD that was perfect ??

    Thank you so very much ??

    jamesduffell

    (@jamesduffell)

    No problem at all, looks great ??

    ^JD

    Thread Starter DianeJMiller

    (@dianejmiller)

    Thank JD… It’s the first time I’ve done a website, so I’m learning as I go ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Increase size and centre header image…’ is closed to new replies.