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.
Bootstrap Builder Help.
Scott Larson
Ambassador
282 posts
Scott Larson
Ambassador
282 posts
If forgot to attached the image.
Inger
Senior Advisor
14,565 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.
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
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Its A Kind Of Bali Magic
Registered User
5,119 posts
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.
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!!!
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://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
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://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
Scott Larson
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.
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.
Scott Swedorski
VP of Software Development
0 posts
Is this what you are looking for Scott?
http://bb.coffeecup.com/index.html
http://bb.coffeecup.com/index.html
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.
Its A Kind Of Bali Magic
Registered User
5,119 posts
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.
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://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
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://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
Scott Larson
Ambassador
282 posts
Thanks Scott! I will take a look at it more when I get home tonight. 
Eric Rohloff
Senior Advisor
20,245 posts
Wayan Jaya wrote:
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)
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.
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
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.
