Forum Replies Created
-
Posts
-
You’re right !
But in the animation I was talking about, the icon really seems to rotate…
With this code, it only and immediately changes the direction of the icon and it is a beginning, but it doesn’t seem to rotate.And what about the color change ?
Thanks !
However, this new code can’t make the color change (grey on white to white on black) that you can see on the icon…
Ok, so I’ve tried this code :
.icone-sous-menu:hover {
-webkit-transform: rotateY(180deg)important;
transform: rotateY(180deg)important;
}…but once again, nothing happens on icons.
Ok, so if you go on this page (private content), you will see there is a post named “test” with no image. So there is an animation of a camera icon (rotation + grey/white to white/black).
What I only want to do is doing exactly the same animation. Exactly the same somewhere else on a button in a page. After that, I could use the code to animate buttons like this wherever I want.Thanks !
Sure ! :-) Because I tried to add !important everywhere in the code, but it didn’t work… So I deleted it.
Ok so I will try to find a way to show you what I only need…And once again, with that code, absolutely nothing happen to my icons on hover or not, nothing.
Does something happen on your side ??Hi,
I don’t want to search new values which fit for me, for now I only want to do EXACTLY THE SAME animation that I was talking about in my first message, only that. Then I could do it with my own icons and so on…I’m sorry but with the “display:none” like you did, no icon appear at all. And without it, nothing happen on hover.
Hi,
I don’t use anything because I cleared everything when I gave WordPress credentials to your team.
Could you please add the code where it has to be, because I tried everything you told me and nothing works.
ThanksHello Ismael !
I’m sorry but I don’t really understand…
I tried to create an icon with a CSS CLASS and replace “custom_selector” with this CSS CLASS in your code, but absolutely nothing happen.What am I doing wrong ?
Thanks !Hi !
I found this code in another post and it seems to work properly :.avia_transform .av_font_icon, .avia_transform .avia_start_delayed_animation.av_font_icon {
opacity: 1 !important;
-moz-transform: scale(1 !important);
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
-webkit-animation: none;
-moz-animation: none;
-msanimation: none;
animation: none;
}Thanks !
Hi Andy !
First, I would like to align all the icons with menu titles, like you can see on the picture attached (Imgur). I would like to align icons on the red line, exactly like small arrows are aligned in Enfold default theme.
Secondly, to make my menu appear like this, I used code for each button in the WordPress menu (example : [av_font_icon icon='ue891' font='entypo-fontello' custom_class='title1-button'][/av_font_icon] Title 1) and I applied a different custom class for each button, to try to align them together (example : .title1-button .av-icon-char {padding-right: 1px; padding-left: 1px;}).
I think my method is very complicated and the result is not so good (indeed the icons are not really aligned and it depends of screen size or browser…)So, my main question is to know if there is a better and easier way to replace small arrows of the Enfold default theme by custom icons, one for each title like I did on my website.
Thanks !
Hi Andy !
It works on Chrome, not on Safari. I need to test this code with an image to know if it correctly works, but anyway, how could it work with all browser ?
Thanks !
Hello Andy !
Yes I tried to do it by myself but first, my icons are not aligned with menu titles and that is what I would like to do. This is the reason why I’ve tried the code given by Yigit (#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0; }) but it doesn’t work.
And secondly, when I insert icons this way, texts next to them are not aligned together, so I added some code to adjust the padding but they are not exactly aligned on some screen (in fact it depends of the size of the screen) and anyway I think this is not the good solution.
So I would like to know if there is a better solution to insert different icons (one by button) to replace the small arrows by default in your theme.Thanks !
Hi Vinnie,
I tried to create a new user for you on WordPress, but I need a contact address (e-mail) to do that.
Could you please give me one ?Thanks
Hi Ismael !
It’s better. Now there is no animation on the icons when the page is loading, the icons are fixed. But they flash 2 or 3 seconds later…
This is kind of cool but not exactly what I would like. ;-)Some code to add ?
Thanks !
Nothing to do. Still doesn’t work.
I’ve tried with “!important” everywhere but it doesn’t work at all.Hi Vinnie !
So I deactivated my WP-Backgrounds Lite plugin and made sure that I had the correct page ID. I disabled my background image in General Style in the Theme Options, but absolutely nothing happened.
Nevertheless, trying to make my content transparent, I realized that with the previous code I mentioned, my image correctly appears on my page background, but it only appears in the “box”, not on the fullwidht of my page. Indeed, around the box, the background color defined in the General Style section in the Theme options continues to appear.
Maybe something just have to be adjusted “around” this code… Do you have any idea ?==> The code I am talking about is :
.page-id-2519 body{
background-image: url(http://www.mywebsite.com/image.jpg);
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}Thank you !
Hi Yigit !
I used your code ( .avia-bullet { display: none !important; } ) to remove arrows and it works.
But the other one ( #top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0; } ) doesn’t…
In fact, it correctly works when the menu titles are only text, but on my website, I put fontello icons in the menu titles ( using codes like : [av_font_icon icon='ue801' font='cinema' custom_class='bouton-dcp'][/av_font_icon] DCP ), so with your code it makes my menu appearing like “stairs”, but not aligned.
Is there a solution to ‘use the blank space’ where the bullet was? like wanted to do arielkas in this post ?One last question : is there a way to replace small arrows in the menu by fontello icons ( like I did my way ), but one icon per title in the menu ? ( Maybe using custom class in the menu titles or something like that… )
Thanks !
The code to adjust the icon perfectly works.
Thanks a lot !Unfortunately, the other code doesn’t work.
Another solution ?Thanks !
My layout options are already set to Boxed layout and I have set dots-mini-light.png file like background on all my pages.
But what I only want to do is changing this background on some pages, and your new css code still doesn’t work.Robert, giorgiosilvia… Does one of these different codes work for you ?? Am I the only one to still have this issue ?
Thanks !
