Okay
  Public Ticket #218475
Remove Hearts, but center TItle on Portfolio Thumbs
Closed

Comments

  • Michael started the conversation
    May 21, 2014 at 9:59pm

    Hi,

    I was able to remove the hearts from below the portfolio thumbnails, but I want to center the titles, but they dont fill the whole line before breaking. 

    Can I at least remove the empty space, that the Hearts seem to have left behind, so I can use the whole line. Can you help?

    Thanks!

    I was able to remove the hearts using the code found here:

    http://themenectar.ticksy.com/ticket/146931

    and here is my site:

    http://garson.net/consumer

  •  8,849
    Tahir replied
    May 22, 2014 at 4:53pm

    Hey Michael!

    Add this into the Custom CSS box located in your Salient Options panel:

    body .portfolio-items .work-meta h4 {
    text-align: center;
}
body .portfolio-items .work-meta {
    margin: 0 auto;
}

    Cheers

    ThemeNectar Support Team 

  • Michael replied
    May 23, 2014 at 1:04am

    Thanks Tahir,

    But that didn't really do anything. I put it in the custom CSS box, and directly in the CSS in my child theme. 

    I already had it centered, but the question is more about there now seems to be an invisible space where the hearts used to be. It is stopping the text from being centered. 

    See the attached photo, and also my link:

    http://garson.net/consumer/

    Thanks,

    Michael

  •  8,849
    Tahir replied
    May 23, 2014 at 5:01pm

    Hey Again!

    This should work: 

    body .portfolio-items .work-meta h4 {
    text-align: center;
   
}
body .portfolio-items .work-meta {
    width: 100%;
}

    Cheers

    ThemeNectar Support Team 

  • Michael replied
    May 23, 2014 at 5:11pm

    Thanks,

    The new code is working when I make a wider window, but if I make a smaller window, it still pushes it left.

    Also I have been trying to get the "more details" wording to stay vertically centered, but this also gets askew when making a narrower window.

    Do I need different code for each step of the responsiveness?

    See attached pictures for examples.

    Thanks again!

  •  8,849
    Tahir replied
    May 24, 2014 at 1:55pm

    Hey Michael!

    No you dont need different code. It was an issue of lower css specificity. Below code should work on all screen sizes. 

    body .portfolio-items .work-meta h4 {
    text-align: center;
   
}
body #portfolio.portfolio-items .col.span_4 .work-meta {
width: 100% !important;
}

    All the Best,

    -T

    ThemeNectar Support Team 

  • Lo replied
    April 26, 2015 at 5:40am

    Hi Michael,

    Could you tell me how you made it work: Removing the white space of the hearts? What customs CSS do you use? The code underneath doesn\'t do it for me. My text is still on centered, if I make my screen wider, it is working, but on my small laptop-screen, it is getting bumped more to the right again. You would truly make my day if you could help me out!!

  • Michael replied
    April 26, 2015 at 8:17am

    I think I used this to get rid of the hearts. 

    .portfolio-items .nectar-love-wrap {
display: none!important;
}

    And I have attached my child theme, and also some code that I entered into Custom CSS section of wordpress. If you want to fish for other potential details.

    I really can\'t remember. I\'m really a designer and had to rely on others to get as far as I did.

    I did put this in the custom CSS section, but can\'t remember if that is another piece of it or not.

    Anyhow, hope this helps!

    body .portfolio-items .work-meta h4 {


    text-align: center;


}


body #portfolio.portfolio-items .col.span_4 .work-meta {


width: 100% !important;


}