intro image – change ratio

Home Forums Reykjavik intro image – change ratio

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #20432

    cscsaba
    Participant

    intro image – change ratio

    Resolved

    Hey there! Have you noticed this support service is provided FREE of charge?
    If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you

    Consider a donation →

    Hi,

    I’m still learning WordPress, and I chose your theme Reykjavik for a practice “project”. I have disabled the intro video, and added a new intro image. The image dimensions are 1920 × 667. I have skipped cropping it, but the image doesn’t appear on the main page in full width – in other words, the original image ratio doesn’t change.
    How could I use an intro image that has a lesser height, for the same width? I need a vertically narrowed intro…

    (this practice project exists on my local computer only)

    Thanks in advance for your kind advice.

    Csaba

    • This topic was modified 2 weeks, 4 days ago by  cscsaba. Reason: mistyped
    #20434

    Oliver Juhas
    Keymaster

    Hi Csaba,

    If you are talking about home page intro section, than the image is set as background image for the intro and styled to cover the entire intro section. So, indeed, no matter what image size you upload, the image will be stretched to cover the intro background on homepage.

    To modify the homepage intro section height, use a custom CSS (use your web browser code inspector to determine the CSS for your theme modifications):

    .intro-special {
      /* These are default values: */
      padding-top: 12%;
      padding-bottom: 12%;
    }

    Alternatively you can simply set the page with “No intro” page template and build the layout with a page builder to your needs.

    On other pages, such as single post page, the intro image is of reykjavik-intro size which is added by theme, but you should be able to edit its size with a plugin such as https://wordpress.org/plugins/simple-image-sizes/

    Best regards,

    Oliver Juhas
    WebMan Design

    #20435

    cscsaba
    Participant

    Thank you :)

    Yes, it was the home page intro.
    The custom CSS you have provided is perfect for my needs – after setting the padding values to 5%, I’m quite satisfied with the results.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.