Tagged: , , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 24, 2015 at 12:23 pm #508325
    frankkremer

    I am using the portfolio option to profile some presenters for an event.

    Because the captions are different lengths some of the box are taller then others. Which doesn’t look as nice when they are all next to each other.

    Can the boxes be all made to be the same height?

    September 24, 2015 at 3:15 pm #508510
    Elliott

    Hey Frank!

    Add this to a codeblock element in the page.

    .grid-content, .grid_content { min-height: 104px !important; }

    Best regards,
    Elliott

    September 24, 2015 at 4:52 pm #508610
    frankkremer

    I tried that and it didn’t make any difference.
    I inserted the code block right above the portfolio component.

    September 24, 2015 at 4:59 pm #508615
    frankkremer

    Hmm, I tried to add another comment twice just now, but they vanish – so this is just a test

    September 24, 2015 at 5:00 pm #508617
    frankkremer

    I tried to add the code to Quick CSS and that worked.

    Not sure if that affects other formatting or if this is unique to the AJAX portfolio. That would not be an issue as I will only ever use the portfolio for this purpose on this site.

    September 25, 2015 at 9:00 am #508823
    Rikard

    Hey,

    Not sure if you need any more help of if Elliotts code worked out for you?

    Best regards,
    Rikard

    September 25, 2015 at 11:29 am #508916
    frankkremer

    Hey, thanks for asking.

    The short answer is yes, it worked. But not the way Elliot suggested.

    When I entered the code in a code block in the page itself it did not work, I then tried to add it to Quick CSS and that worked.

    My Question was if that will affect other components on the site or if this will only affect the AJAX portfolio. I do not intend to use the portfolio in any other way so if it only pertains to that we are golden. But if it has affects on other components I don;t want to be stuck.

    Frank

    September 25, 2015 at 12:22 pm #508942
    Yigit

    Hi!

    You can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your element a custom class then change Elliott’s code to following one 

    .your-custom-class .grid-content,.your-custom-class .grid_content { min-height: 104px !important; }

    to target only your selected element.

    Best regards,
    Yigit

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