size of image for home top

[Ikuko Tanaka]

I would like to change the size of the image for Home top.
Currently, I have the size of home large (634x360). I would like to change to (724 x 483).

Please advise me where and how to change this.

Kind regards,

Ikuko

http://thehealthyblossom.com

[Victor Font]

The way your home page is designed, you won't be able to change just the home top area. You have to understand how parent-child HTML5 elements work. Your home top area and sidebar both have the same parent div element identified by the content-sidebar-wrap class. This means they are at the same level, visually represented as:

content-sidebar-wrap
    content
        home-top
        home-middle
        home-bottom
    sidebar

The width of the parent element ultimately controls the overall widths of the child objects. So in theory, the width of content-sidebar-wrap = the widths of content + sidebar. The content element controls the widths of all of your home widget areas.

In your theme, content-sidebar-wrap = 1068px, content = 700px, and sidebar = 332px. The combined widths of content + sidebar = 1032, which leaves you 36px to expand the content element.

You want to change the width of the image, which means you need to get 90px from somewhere. You only have 36 available. You need an additional 54px. Assuming you want to leave the sidebar the same width, you need to expand the width of the content-sidebar-wrap class to a minimum of 1122px and the content class to 790px, but you have to realize that this will affect the widths of home-middle and home-bottom as well.

Hope this helps.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Ikuko Tanaka]

Thank you for your advise.

I am a very beginner of website. It sounds very complicated but I understood the reason why I can’t change it. I won’t change the images I will work around it.

Kind regards,

Ikuko

[Author]

Posts