Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 14, 2015 at 2:29 am #518465
    sammiak

    Hi there – I have 3 column layout – the first is text in a coloured back – the 2nd two columns images. Can you please assist in removing the large border from the first column/row? details below .
    Thanks!

    October 14, 2015 at 5:20 pm #518830
    Yigit

    Hey sammiak!

    Can you please post a screenshot and show the changes you would like to make?

    Best regards,
    Yigit

    October 14, 2015 at 8:14 pm #518904
    sammiak

    I would like to keep the first text box the same size as the other columns

    details below

    Thanks!!

    October 16, 2015 at 7:00 am #519680
    sammiak

    Screenshot below – Thanks!

    October 16, 2015 at 7:39 am #519688
    Ismael

    Hi!

    Please turn on the custom css class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Edit the first column in the row, remove the border and the background then add a custom css class. Use “custom-column” for example then add this in the Quick CSS field:

    .custom-column:after {
    width: 94%;
    height: 92%;
    background-color: #292928;
    position: absolute;
    top: 4%;
    left: 3%;
    content: '';
    display: block;
    overflow: hidden;
    visibility: visible;
    z-index: -1;
}

    This might need a few adjustments on smaller screens.

    Best regards,
    Ismael

    October 17, 2015 at 1:24 am #520343
    sammiak

    Thanks Ismael,

    Yes on a mobile the text goes flush to the edge of the box – How would I fix this?

    Thanks

    October 19, 2015 at 5:13 am #520733
    Ismael

    Hi!

    I checked the Media page again and it looks different. Did you change the layout?

    Best regards,
    Ismael

    October 19, 2015 at 10:29 am #520797
    sammiak

    Hi Ismael,

    Yes client wanted it changed on that page but the layout is still the same on the stories page (link below).

    I worked out the CSS for smaller screen – but now have an issue with the 3 column responsive layout going down to 1 column – it doesn’t look good as it scales down… as the boxes are all different sizes. Also IPAD poratrait layout doesn’t look great with the 3 columns.- any advice on what to do with that?

    Thank you!

    • This reply was modified 9 years, 8 months ago by sammiak.
    October 20, 2015 at 1:01 pm #521576
    Andy

    Hey!

    what do you mean with “it does not look good”? because it looks fine to me and I can’t see that the boxes have different sizes. Can you show us what you mean using screenshots? you can use imgur.com or dropbox.

    Looks good to me on iPad portrait mode. Can you show us what you want to achieve instead please?

    Regards,
    Andy

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.