Forum Replies Created
-
Posts
-
Ahoy Thanks for this. I tried to change the non hover icon but when I do it also changes the active icon. How do I change just the non hover instance? Basically I want the icon for non hover more transparent.
This is what I entered:
#top .av-tab-section-image { filter: opacity(1); }Ahoy Ismael,
That worked! I have one other quick issue/ question. Any way we can reduce the shaking icon hover? Here is a video of the issue. As you can see the hover shakes on and off when i hover outside of it.
That seems to help with iphones but on my galaxy 6 device some of the text is still cut off. Screenshot attached
Hi Ismael,
Yes, I have and it works BUT I need it to be in this element to make things flow with my website. The text is not all showing (from the left side) in full either (i just noticed that)… see screenshot.
Hi Ismael,
I already reached out to the plugin developer, yes it works fine outside the pagebuilder. Only when put in the pagebulder does it not work… It seems to have a conflict with the pagebuilder…. Did you see the sample I provided?
Yo Ismael,
I did not…I’m trying to not to edit the .js – is there a reason why on macbooks it wouldn’t change size?
Hey john,
It looks like it works but the image no longer has a link on it…. I need these to link to other pages still. They are setup on the backend to but when I click on it nothing happens.
Please Advise
Yo John,
I added a custom class to the image and added that code but it didnt seem to work… Here is what I did:
I added this custom class to the image (screenshot 1)
Than I added this code to the quick CSS (private)
I also have this bit of quick css to hide the old rollover icon. If I remove this the old icon shows.
.avia_image .image-overlay { display: none !important; }Also when I add the .image-hover-garagedoors css it changes the styling on my page and creates white space on both sides of page. As you can see it moves the side margins in the screenshots.
Let me know how to solve this, I have to make 5 rollover icons. I included a login just in case you need it.
Hello,
That thread is for a different website. So I figured out the issues. On my macbook pro chrome it looks like this (screenshot 1) it is sized wrong but on the PC chrome is looks like this (screesnhot 2) it is much larger….
There seems to be an issue with chrome on macbook. It is not resizing the icon to the 80 x 80 px
Please Advise
Yo Yigit,
Thanks for this. This is not quite what I’m trying to achieve. Here is what I want. This is how it currently is screenshot 1. When I rollover I want it to look like this screenshot 2. Is there a way to do this in enfold or do you know of any plugins to achieve this? I would like this to still be a link.
Hi Victioria,
The issue isn’t that I need the icon bigger. The issue is that 50 x 50 and 80 x 80 do not show any size difference…
Please AdviseSorry, Here is what I’m trying to achieve:
See how the text with the address and emails have a gray background and darker gray boarder – I do not want that. I want the text to match the normal body text without that weird styling. I also want the fonts to and font colors to be like the normal body styling. When I added that table code it styled it with alternative color which I do not want…
Please Advise
Ahoy Mike,
Your looking at the wrong phone number instance. See screenshot to still see the issue. I tried clearing the cache and other browsers and it is still changing color.
Thanks,
That seems to work for the hover. How do I change the non hover version color for this area?
Please Advise
Ahoy,
I tried this but it didnt work. I also tried with !important;
a#number_link:hover{ text-decoration:underline!important; color: #1D6047; }Please Advise
That worked! But one thing… Is there a way to make it so the number does not change colors on hover?
