Header Image on About page

  • navessa7

    (@navessa7)


    8 years ago

    Hello! On my About page I added an image, but it’s square-shaped rather than rectangular/banner like the featured image on the homepage. I tried adjusting the dimensions in the image editor in Media, but it still shows up square and aligned to the left side of the page rather than centered. How do I fix this? I’d like the image to have the same size and dimensions as the one on the home page.
    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • jarektheme

    (@jarektheme)

    Hi navessa7,

    The featured images on the homepage are the size: 1200x550px. The best way to resize it is using croping image tool in WordPress Media Editor.
    Would it be possible for you to get the url to the about page so I can look further into this for you?

    Let me know if you need anything else.

    Best regards,
    Jarek
    Kale Support

    Thread Starter navessa7

    (@navessa7)

    Hi Jarek, Thanks for responding to my question! I think maybe part of the problem is that the original image size is only 960 x 720, so I can’t make it 1200 x 550.

    The URL to my about page is here: https://www.atwi80dates.com/about/

    While you’re there, I would also like to make the word “About” at the top be the same size and same font as the FAQ heading about halfway down the page.

    Thank you!

    jarektheme

    (@jarektheme)

    Hi again,

    You’re right. The image is a bit smaller than container width.

    Try the following CSS:

    .entry-title {
  font-size: 30px;
}

    It should work.

    Best,
    Jarek
    Kale Support

    Thread Starter navessa7

    (@navessa7)

    That worked, but it also changed the size of the subhead on the Home page, which I didn’t want :-/ Is there a way to change only one page without it affecting the other pages?

    And for the image, can I at least crop it so it’s banner-shaped rather than square?

    Theme Author lyrathemes

    (@lyrathemes)

    Sure, try this:

    #page-12 h1.entry-title {
    font-size: 30px;
}

    For the image, you could crop it if you like? Of course, it cannot be made wider than it already is but you can grab a portion like this and use it instead?

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