Bootstrap Builder Help. - Post ID 270941

User 2623310 Photo


Ambassador
282 posts

I'm using current version of bootstrap builder and I was wondering if I can make it when you hover over the paragraph it will change to a button saying contact me, if you click on it, it will be your email so you be able to contact the person.

Is this possible? If so, how do I go about getting it done?

Attached is a image of the paragraph

Thanks for the help.

User 2623310 Photo


Ambassador
282 posts

If forgot to attached the image.
Attachments:
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

I have not tried this so I'm not absolutely certain it will work, but if you make the paragraph display none when hovered over, and a button that appears instead, it could possibly be a solution. Haven't thought it through properly, but maybe...

I think Wayan did something similar with the menu for Stefke's taxi site, he hid the 'narrow' menu when on a wide screen, and they swapped when displayed on a small one.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
4,782 posts
Online Now

Inger wrote:
I have not tried this so I'm not absolutely certain it will work, but if you make the paragraph display none when hovered over, and a button that appears instead, it could possibly be a solution. Haven't thought it through properly, but maybe...

I think Wayan did something similar with the menu for Stefke's taxi site, he hid the 'narrow' menu when on a wide screen, and they swapped when displayed on a small one.


This effect however can't work on most mobile devices (no mouse to trigger the hover effect)

Not quite like that Inger that effect is made by using transparencies and hover/regular I don't have bootstrap, only FF but I would imagine the process is the same. Could it be another video on the way!!! :lol:
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2623310 Photo


Ambassador
282 posts

Hi Inger and Wayan Jaya,

Thanks for the info guys. If you don't mind to make another video that will be will. Will your way work on mobile devices, Wayan Jaya?

Thanks for the help.
User 103173 Photo


VP of Software Development
0 posts

Is this what you are looking for Scott?

http://bb.coffeecup.com/index.html
Attachments:
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2699991 Photo


Registered User
4,782 posts
Online Now

Scott Larson wrote:
Hi Inger and Wayan Jaya,

Thanks for the info guys. If you don't mind to make another video that will be will. Will your way work on mobile devices, Wayan Jaya?

Thanks for the help.


Nope because mobile devices do not yet have the ability to recognize hovering

at mobile (no mouse) sizes you would have to place the button underneath the paragraph (hidden at desktop sizes)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2623310 Photo


Ambassador
282 posts

Thanks Scott! I will take a look at it more when I get home tonight. ;)
User 187934 Photo


Senior Advisor
20,181 posts

Wayan Jaya wrote:
Scott Larson wrote:
Hi Inger and Wayan Jaya,

Thanks for the info guys. If you don't mind to make another video that will be will. Will your way work on mobile devices, Wayan Jaya?

Thanks for the help.


Nope because mobile devices do not yet have the ability to recognize hovering

at mobile (no mouse) sizes you would have to place the button underneath the paragraph (hidden at desktop sizes)

Actually if you apply the active Pseudo after the hover it will work on touch devices.
.myclass:hover, .myclass:active{ }
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.