How to include responsive elements inside bookcard theme ?

  • Posted in : BookCard WP
  • ishanjain
    Participant

    http://www.branddiaries.com/development

     

    I included an image in the front cover which i would like to behave responsively. Is there a way i can do this in this current theme ??

    Also, i just can’t get this image wrappen inside a div to middle align vertically. How can i do that ??

    ahmetsali
    Keymaster

    Hi, there is no vertical align in css in an easy way, but you can make the image look like centered with percentage margin-top as;

    #bulb_before, #bulb_after {
        margin-top: 33%;
    }
    
    ishanjain
    Participant

    And what the responsive image thing ?? Just like the background image, i would like my inner images to be responsive too. How can i make that ??

    ahmetsali
    Keymaster

    all images will be responsive by default.

    ishanjain
    Participant

    check this link http://www.branddiaries.com/development

    The image i put in the center doesn’t shrink when i reduce the screen size.

    ahmetsali
    Keymaster

    images only shrink if their width is bigger than their container width, in your situation it doesn’t shrink since image width is smaller than container width.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register