Width of Theme in pixels

  • Marcel

    #51408

    when changing the Width from 1400 to 1600, shouldn’t the GT – Header Image – text change from 1400 to 1600 ?
    Click “Add new image” to upload an image file from your computer. Your theme works best with an image with a header size of 1400 × 320 pixels — you’ll be able to crop your image once you upload it for a perfect fit.

    Also would it be possible to display the following:
    – The col width in pixels (info only) in
    GT – Graphene: Display – Columns Width (I have 2 cols – 8 cols – 2 cols)
    (I am trying to figure out what the next best larger resolution should be, the column buffer zone is a

    – GT – Graphene: General – Slider
    Here we have the height but it will not give you the width, same as above point

    For example: I use Smush when using 1600 width with 3 columns (2 – 8 – 2) Smush tells me the graphene_slider should be 1036×280 (Shouldn’t your Theme tell me that?)
    Calculated for the large column, without the spacing around the columns 1600/12*8=1066
    So there is some spacing for the columns.
    I would also need to know how to set the WP – Settings – Media: Large size Max Width
    It should be a few pixels smaller then the slider I am assuming

    Admin

    Syahir Hakim

    #51413

    when changing the Width from 1400 to 1600, shouldn’t the GT – Header Image – text change from 1400 to 1600 ?
    Click “Add new image” to upload an image file from your computer. Your theme works best with an image with a header size of 1400 × 320 pixels — you’ll be able to crop your image once you upload it for a perfect fit.

    You’ll need to reload the Customizer after changing the container width to have the new suggested header image size reflected in the Header Image options.

    Also would it be possible to display the following:
    – The col width in pixels (info only) in
    GT – Graphene: Display – Columns Width (I have 2 cols – 8 cols – 2 cols)
    (I am trying to figure out what the next best larger resolution should be, the column buffer zone is a

    – GT – Graphene: General – Slider
    Here we have the height but it will not give you the width, same as above point

    For example: I use Smush when using 1600 width with 3 columns (2 – 8 – 2) Smush tells me the graphene_slider should be 1036×280 (Shouldn’t your Theme tell me that?)
    Calculated for the large column, without the spacing around the columns 1600/12*8=1066
    So there is some spacing for the columns.
    I would also need to know how to set the WP – Settings – Media: Large size Max Width
    It should be a few pixels smaller then the slider I am assuming

    In theory, we could add this info. In practice, there will be a few complications, such as accounting for different padding between columns, selected container mode (e.g. boxed vs fluid), device sizes (e.g. desktop vs mobile), etc.

    What we’ve done is that we’ve adjusted all the sizes affected by the change in the background, so that everything continues to run smoothly. For example, images will still be sharp as the theme adjusts the registered image sizes according to your selected container and column width settings (this is what Smush.it is reporting). Ditto auto-embedded videos – they’ll still (silently) fills up the whole content area width. These are not exact dimensions, however – they are simply best-compromises to account for the multiple use cases described above.

    If you’d like to know the exact dimension for your particular use case, you can use your browser’s developer tools, and inspect the element. It’ll provide you with accurate dimension info in much clearer presentation so you can size your media accordingly.

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

  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!