• Resolved James W. Heisig

    (@jimheisig)


    I want to change the size of the image to make it smaller across all books created for WBG. The size in the Gallery is fine. It is the pages for individual books that I am interested in adjusting. The link here is just one of many pages that I would like to find a global fix for.

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Hossni Mubarak

    (@mhmrajib)

    Hello @jimheisig
    Thank you for your query.
    The easiest way to adjust the image size is to adjust the number in the below css. Like change 300 to 250 etc.

    .wbg-details-wrapper {
    grid-template-columns: 300px auto;
    }

    Apply the above css to your additional css section in wp admin customize.
    Hope it helps.

    Thread Starter James W. Heisig

    (@jimheisig)

    That was amazing! Since you are obviously a whizz at these things, could I ask if there is a CSS commands to lessen the space between the header and the book information by about 2/3?

    And if there is somewhere I can learn how to do this myself, it would be much appreciated… and save you more of these pestering queries.

    Plugin Author Hossni Mubarak

    (@mhmrajib)

    Please go to WBG Books -> Book Details Settings – Style
    Find the option “Margin Top”
    Reduce the number as per your need.
    This should solve the problem.

    Thread Starter James W. Heisig

    (@jimheisig)

    I tried this, but there is no change. I even went all the way to 0 and then to 100, but the pages remain the same (e.g., Absolute Nothingness – Chisokudo Publications).

    Plugin Author Hossni Mubarak

    (@mhmrajib)

    Strange!
    OK. Lets try this and let me know the result –

    .wbg-book-single-section {
    margin-top: 40px;
    }

    * Adjust the number 40px as per your requirement.

    Thread Starter James W. Heisig

    (@jimheisig)

    Perfect again! Is there any way I can see all CSS options, or is this hidden code?

    Thread Starter James W. Heisig

    (@jimheisig)

    I have searched the web and your FAQ, but cannot find any help on how to sharpen images that have become lo-res in Smart Slider. I saw the advice to turn off the “Convert to WebP”, but these optimize options are already off. Turning them on did not help. The images are fine by themselves, and the pages where they appear outside the Slider display fine. And—oddly enough—they display perfectly on the tablet and mobile device. It is only the desktop where they show up fuzzy. The page in question is this: Collections – Chisokudo Publications

    Thread Starter James W. Heisig

    (@jimheisig)

    I discovered the problem and fixed it. It had to do with the way WP handles my PNG files in Smart Slider.

    Although I generally prefer PNG files, when they were downsized in the Smart Slider, they became fuzzy on the desktop setting. I converted them to JPG and the images show up perfectly now, both on the desktop and in the table and phone modes.

    Plugin Author Hossni Mubarak

    (@mhmrajib)

    Thanks for the update!
    Can we close the topic now?

    Thread Starter James W. Heisig

    (@jimheisig)

    Yes… though it might be a good idea on your end to look into why this is happening. And once again, thanks for your help.

    Plugin Author Hossni Mubarak

    (@mhmrajib)

    We will check that issue, thank you once again.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘WBG customs image size’ is closed to new replies.