Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 9, 2013 at 6:20 am #172873
    oliviad

    Hi, here is my website : http://tinyurl.com/qhkcguv, I want to properly align my grid so I add a custom css

    .grid-content {
    min-height:75px;
    }

    Now I am struggling to vertical-align the portfolio title, I tried everything I could think of but none of my attempts worked ;(

    I would be grateful if you could give me a hint :)

    Many thanks in advance

    Olivia

    October 9, 2013 at 2:02 pm #172999
    Ismael

    Hi oliviad!

    You can use this to move the title downwards:

    .grid-entry-title {
position: relative;
top: 10px;
}

    Regards,
    Ismael

    October 10, 2013 at 6:04 am #173438
    oliviad

    Tried it but it does not vertically align title, is there a way to do so? The reason why is that some titles are 1 lines and some are 2 or 3 lines. Want them to be positioned in the middle vertically speaking. Is there a CSS way to do so?

    Thanks for your help

    October 11, 2013 at 1:24 am #173879
    Yigit

    Hello!

    Please add following code as well

    .grid-entry-title { text-align: left!important; }

    Cheers!
    Yigit

    October 11, 2013 at 2:41 am #173917
    oliviad

    Hello,

    Thanks for your answer but I am trying to “center center” the title meaning text-align: center; vertical-align: middle; but it does not work for the vertical align. Any idea why?

    Thanks

    October 11, 2013 at 4:53 am #173963
    Josue

    Hello Olivia!

    This will do it:

    .grid-content .entry-content-header{
	min-height: 35px;
	display: table;
	text-align: center;
	width: 100%;
}
.grid-entry-title{
	display: table-cell;
	vertical-align: middle;
}

    ‘vertical-align’ works on table/table-cell elements.

    Cheers!
    Josue

    October 22, 2013 at 11:02 am #178965
    oliviad

    Thanks so much it works like a charm !!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Vertical align portfolio title in a grid’ is closed to new replies.