windsocks profile

Home › Forums › windsocks

Forum Replies Created

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    NOT RESOLVED Posts

  • windsocks
    Participant

    Hi hi,

     

    This topic is turning out to be much longer than I had anticipated. My apologies.

     

    One of our users discovered that the home page look like the screncap “Snap 2017-03-13 at 13.29.13.jpg” on IE 11. Seems like the images are not resized as it should be. Is the theme compatible on IE? What is the workaround for this?

     

    The user also discovered that on Chrome/FF, the columns are not centered. Refer to screencap “Snap 2017-03-13 at 13.37.35.jpg”. How do I center the columns?

     

    We’ve since added another page (http://pu.albatross.sg/about/). On this page, instead of having 3 x 1/3 columns, we’ve used a 2/3 column and a 1/3 column. I am now experiencing the original issue. I’ve attempted to resolve it by modifying your CSS code to become below

    @media (min-width: 768px){
body.home .sh-section-6b60dc9e2043efe53db6b9bfc8f9a97c .fw-row .sh-column.fw-col-xs-12.fw-col-sm-4 {
width: 27.333333%;
}
body.home .sh-section-6b60dc9e2043efe53db6b9bfc8f9a97c .fw-row .sh-column.fw-col-xs-12.fw-col-sm-4:last-child {
margin-right: 0;
}
body.home .sh-section-6b60dc9e2043efe53db6b9bfc8f9a97c .fw-row .sh-column.fw-col-xs-12.fw-col-sm-4:first-child {
margin-left: 0;
}
body.home .sh-section-292d5e35a566f7614dd1ac49c0a613ab .fw-row .sh-column.fw-col-xs-12.fw-col-sm-4 {
width: 27.333333%;
}
body.home .sh-section-292d5e35a566f7614dd1ac49c0a613ab .fw-row .sh-column.fw-col-xs-12.fw-col-sm-4:last-child {
margin-right: 0;
}
body.home .sh-section-292d5e35a566f7614dd1ac49c0a613ab .fw-row .sh-column.fw-col-xs-12.fw-col-sm-8 {
width: 54.666666%;
}
body.home .sh-section-292d5e35a566f7614dd1ac49c0a613ab .fw-row .sh-column.fw-col-xs-12.fw-col-sm-8:first-child {
margin-left: 0;
}
}

     

    Above code doesn’t seem to work. How should I do this?

     

    Thanks,

    Peter

     

    Attachments:
    You must be logged in to view attached files.

    windsocks
    Participant

    Thanks… that works. Now my columns are all same height. But what about the “…” if my text was truncated? I tried modifying your code to

    body.home .sh-section-6b60dc9e2043efe53db6b9bfc8f9a97c .sh-text-block {
    height: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    but that didnt work as the CSS text-overflow will only work if the text was in a single line….

     

    windsocks
    Participant

    Hi hi,

     

    My apologies to bother you again on this topic.

     

    Now that I’ve managed to get the columns sorted out, how do I make the boxes in each column the same height? My intent is for each box to have a height of 10 lines of text, and whatever text that goes beyond the 10 lines is truncated and replaced with “…”

     

    Thank you in advanced,

    Peter.

     

     

    windsocks
    Participant

    Ooooh… that works!! Thanks guys!! 😀

    windsocks
    Participant

    Thanks guys, but no joy. The third column still goes to the next line…  🙁

     

     

    windsocks
    Participant

    Hi there,

     

    Thank you for replying. The site is a “Works in Progress” at http://pu.albatross.sg

     

    Cheeries,

    Peter.

     

     

    windsocks
    Participant

    Thanks for replying. I look forward to having more column width options in the next updates to the theme.

     

    In regards to the responsive columns, my experience with bootstrap is that you can specify the column widths for each screen size. So, supposing you have a 3 column page on the desktop screen, each column being 1/3 wide (col-xl-3), you can specify the width of each column for mobile screen, eg: 1/2, 1/2, 1/1 (col-xs-6, col-xs-6, col-xs-12) thus effectively making 2 rows, the first row being 2 columns, and the 2nd row being 1 column. Unfortunately, I don’t have any screencaps or demo url to show this. Will this feature be included in your next releases?

     

    Cheeries,

    Peter.

     

     

    in reply to: Page column widths
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)