JazmynF33 free asked 5 years ago


//Is it possible for my h1 tag to be displayed without hovering, and when I hover the p tag will be displayed with the h1?

Issue in project portion of page


<div className="col-lg-4 col-md-4 col-sm-4 col-xs-1 pcard">
<div className="view overlay zoom z-depth-3 rounded">
<img src="https://github.com/JazmynFuller/PersonalWebPortfolio/blob/master/personalpage/src/img/hub.jpeg?raw=true" class="img-fluid " alt="smaple image"/>
<div className="mask flex-center rgba-black-strong">
<h1 className="project-title">Project 5</h1>
<p className="white-text">Project Description</p>
</div>
</div>
</div>

Marta Wierzbicka staff answered 5 years ago


Hi,

So, maybe you need something like this: https://mdbootstrap.com/snippets/jquery/marta-szymanska/232583.

Best,

Marta


Marta Wierzbicka staff answered 5 years ago


Hi,

would you like to achieve something like this: https://mdbootstrap.com/snippets/jquery/marta-szymanska/232583? If not, please describe in details your issue.

Best,

Marta


JazmynF33 free commented 5 years ago

Hi, Marta 

Thanks for getting back to me, but I wanted text to display without hovering, and more detailed information to display with hovering. I got it to work though !

Best,

Jazmyn



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: MacBook
  • Browser: Chrome
  • OS: Mojave
  • Provided sample code: Yes
  • Provided link: Yes