Text size on different computers

  • Resolved jacynca

    (@jacynca)


    4 years, 4 months ago

    I have tried to place only three columns, and there is too much empty, blank real estate on the sides of each image. I tried putting it into a grid layout and it is still not showing the text at a proper size under the image hover effect, on smaller screens. Again, it seems to work fine on the computer I created it on and looks good on my phone, it does not look good on an ipad or smaller computer. Hopefully you have a solution for this because I really wanted to use this feature.
    Thanks

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

Viewing 1 replies (of 1 total)
  • Plugin Author biplob018

    (@biplob018)

    I replied to another your post while in this post you want 3 columns in a row :(. You can be done with custom css.

    <div class=”oxi-addons-container”>
    <div class=”oxi-addons-row”>
    <div class=”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″>
    ##Shortcode
    </div>
    <div class=”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″>
    ##Shortcode
    </div>
    <div class=”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″>
    ##Shortcode
    </div>
    <div class=”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″>
    ##Shortcode
    </div>
    <div class=”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″>
    ##Shortcode
    </div>
    <div class=”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″>
    ##Shortcode
    </div>
    </div>
    </div>

    Ok, I can explain it, oxi-bt-col-lg-4 means each column will take 33.33% space. while oxi-bt-col-md-6 will take 50% as like bootstrap column settings. To avoid conflict I add oxi- with my class settings. you can check this https://getbootstrap.com/

Viewing 1 replies (of 1 total)
  • The topic ‘Text size on different computers’ is closed to new replies.