Jump to content


Photo
Projects

Permanent project name labels



Best Answer caspersjan , 11 March 2013 - 01:53 PM

Dear Nick, presto! This worked straight away. I'm happy and much obliged. Yours faithfully, Jan.

Go to the full post


  • Please log in to reply
4 replies to this topic

#1 caspersjan

caspersjan

    Super Member

  • Members
  • 125 posts
  • Country: Country Flag

Posted 10 March 2013 - 01:25 PM

Dear Nick, I see the volume and magnitude of your output and always hesitate to trouble you with simple questions for fear of taking up time and standing in the way of progress! But I cannot solve this on my own: Is it possible to keep the name permanently on the featured project image, not just on hover? So that I see all the project tiles with the project name displayed? I am trying to allow schools to find themselves easily - with just the picture that is some work as they need to hover over many projects (now handily filter, though!) before they discover theirs. Is there some CSS magic that could make the name labels permanent? Once again, I appreciate your attention, whether my problem is solvable or not. Greetings and good luck, Jan.



#2 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts
  • Country: Country Flag

Posted 11 March 2013 - 12:54 AM

Hi Jan,

Yup try something like this, lemme know how it works out for you.

 

#page .ba-projects-figcaption {

bottom:0 !important;

.opacity(100);

&:before {

.opacity(0);

}

}



#3 caspersjan

caspersjan

    Super Member

  • Members
  • 125 posts
  • Country: Country Flag

Posted 11 March 2013 - 08:51 AM

Dear Nick, thanks for the swift reply. I put the code into Base Theme's style sheet but the desired effect remains elusive as yet. Should the code have been put elsewhere? Still it puts me in a good mood at the start of the week to think that this can be solved in the end! Greetings, Jan. 

P.S.: The website where I am trying to do this is at www.schuleverrueckt.de/wordpress, if that is of any help in figuring out a way.



#4 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts
  • Country: Country Flag

Posted 11 March 2013 - 01:41 PM

Hmm, seems to be ignoring the .opacity mixin. Weird.

 

Try 

 

#page .ba-projects-figcaption { bottom:0 !important; opacity:100 !important; &:before { opacity:0 !important; } }


  • Clifford P likes this

#5 caspersjan

caspersjan

    Super Member

  • Members
  • 125 posts
  • Country: Country Flag

Posted 11 March 2013 - 01:53 PM   Best Answer

Dear Nick, presto! This worked straight away. I'm happy and much obliged. Yours faithfully, Jan.







Also tagged with one or more of these keywords: Projects