Header and featured image dimensions

  • com800

    (@com800)


    7 years, 6 months ago

    I’m an Ocean WP newbie and I am using Ocean WP and Ocean Extras. (I am not using Elementor). I can’t understand the image sizing controls. I upload a 2000×1200 header image in customize/header/header media (no crop) and set the position to Center Center, and the Size to Cover. End result is an header image that blows beyond the borders on all sides. I’ve tried to Google up a simple fact: what is the optimum dimension for the main header image on Ocean WP? Nada. Can you tell me?

    2. I upload a 300×300 image to use as the featured image in a post. On the front page that high quality image is heavily blurred. What am I missing?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Amit Singh

    (@apprimit)

    7 years, 6 months ago

    Hello,

    1. Go to Customize > Header > General and try to increase the bottom padding and check it works or not to fix the header image issue.

    2. It is because the image is cropped and display a 100×100 size image. Are you using any image compression/optimization plugin? Also, go to Customize > Blog > Blog Entries and select an image size to fix it.

    Thread Starter com800

    (@com800)

    7 years, 6 months ago

    Amit,

    Thanks for the quick and helpful response. That solved the featured image issue.
    Your padding suggestion was helpful but didn’t solve the larger problem and the
    header issue is still a puzzle to me. There are two sections of controls at appearance/customize/Header:

    GENERAL
    Style
    Minimal
    Transparent
    Top Menu
    Full Screen
    Center
    Medium
    Vertical
    Custom Header
    Height (px)
    Header Full Width
    Header Border Bottom
    Padding (px) t|r|b|l

    HEADER MEDIA
    Header Image
    Add new image
    Position
    Default
    Top Left
    Top Center
    Top Right
    Center Left
    Center Right
    Bottom Left
    Bottom Center
    Bottom Right
    Attachment
    Default
    Scroll
    Fixed
    Repeat
    No-repeat
    Repeat
    Repeat-x
    Repeat-y
    Size
    Default
    Auto
    Cover
    Contain

    I have searched for, but been unable to find an support FAQ that explains exactly how the image controls in these two different control sections work and/or interact with each other. I can see the changes I make by just guessing at combinations but I can’t predictably orchestrate an exact sizing and placement of the header I want to place. I want to use a substantialhy narrower header than the 2000×1200 suggested. I would like to find a place that explains each of the above controls and their interdependence. Is there anywhere on the Ocean WP support library that has that?

    • This reply was modified 7 years, 6 months ago by com800.
    Amit Singh

    (@apprimit)

    7 years, 6 months ago

    Okay,

    Here is once again – Customize > Header > General (not header media) – then you will see the option for the padding after scroll down the panel. Try to increase only the bottom padding.

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

The topic ‘Header and featured image dimensions’ is closed to new replies.