Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #508325

    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?

    #508510

    Hey Frank!

    Add this to a codeblock element in the page.

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

    Best regards,
    Elliott

    #508610

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

    #508615

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

    #508617

    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.

    #508823

    Hey,

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

    Best regards,
    Rikard

    #508916

    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

    #508942

    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

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

You must be logged in to reply to this topic.