sophdooley
-
Posts
5 -
Joined
-
Last visited
Content Type
Forums
Downloads
Store
Events
Blogs
Gallery
Profiles
Posts posted by sophdooley
-
-
Hi, this worked on my website, but the hover effect only shows when I am on editing mode. When I click preview, the image that is supposed to be hidden unless it's been hovered over is showing as static. am i doing something incorrectly?
-
Hi,
There is an "ongoing project" page on my website and I created 3 images and added a text on top, in the hopes that when a user hover over the image, a text will pop up. I was also hoping to create a hyperlink on the text so each image they click takes them to a gallery.
However, I can't seem to attach a link into the text box.
I also added in the code for the hover, which works when I hover while EDITING the webpage, but when I preview it, it just shows a static image.
Here is the pictures for reference:
This is what I want it to look like, the image are showing first unless u hover the image, then the text box will appear:
However, when I go to preview, this is what it shows:
This is the code that I have put in so far:
@media only screen and (min-width: 640px){
#block-yui_3_17_2_1_1697400011904_19353 {
opacity: 0;
transition: opacity 1s
}#block-yui_3_17_2_1_1697400011904_19353:hover {
opacity: 1;
transition: opacity 1s
}
}@media only screen and (min-width: 640px){
#block-0621c99dd9acef85aed1 {
opacity: 0;
transition: opacity 1s
}#block-0621c99dd9acef85aed1:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-4b94192b9870dd1aa56e {
opacity: 0;
transition: opacity 1s
}#block-4b94192b9870dd1aa56e:hover {
opacity: 1;
transition: opacity 1s
}PLEASE HELP!!! 😞 this is driving me insane.
The password for the website is: brownie10
Website: 70-50design.ca/ongoing-projects
Also please help in terms of the textbox as i can't seem to hyperlink the gallery into it, nothing happens!!!
Thank you so much in advance.
-
Thank you so much!
-
Hi, I was wondering if you could assist me with changing the header style of my services page from dynamic to solid.
This is the existing code in my page as I needed to add a different logo to the page:
<style>
.header-title-logo img {
visibility: hidden;
}
.header-title-logo a {
background-image: url(https://www.linkpicture.com/q/0-esign.png);
background-size: cover;
background-repeat: no-repeat;
}
</style>How do I add another code so that the header is solid and the colour white?
The pic attached is what it looks like right now vs. what I want it to look like.
Thank you in advance!!
Image hover effects with links
in Customize with code
Posted
Hi, I managed to fix the hovering problem. It turns out that I needed to turn off "Animations" so that it works. But now it seems like I cannot add a hyperlink to the textbox. I wanted the user to hover over it and make it clickable to take them to a particular gallery.
Here is the website link: 70-50design.ca/ongoing-projects
The password: 1234
Thank you!