-
Posts
-
Thanks for your great theme, I really enjoy workin g with it.
I have two questions. First I want to hide all alt tags in the whole website. Tried to use the solution I found in the forum by adding
div.ppt { display: none!important; } in the quick Css. That does not work.
Another question you may help me with is that I want to hide the animation in the gallery. I managed to do so in the masonry gallery )http://jeroenvanderdrift.nl/wpzenfold/?page_id=11) by adding:
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}
in the quick css and that works beautifull. I want to do the same in the “normal gallery” (http://jeroenvanderdrift.nl/wpzenfold/?page_id=88) but cannot trigger it.Thanks
Woutski
Hi Woutski!
I’m not sure I understand what you mean by hiding alt tags? As far as I know there is no way of doing that, maybe you are referring to captions?
Not sure what you mean by hiding the animation either, do you mean the overlay which is showing on hover? If so, you can try this: http://kriesi.at/documentation/enfold/disable-css-overlay-on-images/
Regards,
RikardHoi Rikard,
Thank you for your reply. About the animation: I want page http://jeroenvanderdrift.nl/wpzenfold/?page_id=88 to load the same way as page http://jeroenvanderdrift.nl/wpzenfold/?page_id=11. About the alt tag: I solved that problem it was a mistake I made.
Regards,
Woutski
Hey Woutski,
In order to disable the animations for the gallery, you can comment out or remove the below code in your shortcodes.css file (enfold > css > shortcodes.css):
/*gallery animation*/ .avia_transform .avia-gallery-thumb img{ opacity: 0.1; -webkit-transform: scale(0.5); transform: scale(0.5); } .avia_transform .avia-gallery-thumb img.avia_start_animation{ -webkit-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; -webkit-transform: scale(1); transform: scale(1); }Personally I would recommend performing this step using a child theme: http://kriesi.at/documentation/enfold/portfolio-item/create-a-child-theme/
Best regards,
DakeThank you Dake.
Great! Works immediately. Is it somehow possible to align the text on top off that same page with the thumbs?
left site of the first text is inline with the left site of the first thumb. Second text in line with the second thumb. Third text in line with the third thumb and as wide as thumb 3 4 and 5. Symbol alingn with the right site of the sixth thumb??Thanks in advance,
Woutski
Hey Woutski,
You can actually force each text block to be inline with each thumbnail using position css.
For example you can wrap the text in the second and third text block in a div and their own classes. Once that’s done you can insert css similar to the below in your custom css found in your theme options.
position: relative; right: 50px;As for the width, that can be achieved by using width css as below:
width: 200px;Best regards,
DakeHey Dake,
thank you for your reply. I tried to add classes to the text block but I cannot get it to work. If I fix the width it will not align on different screen sizes.
I tried:.jeroenvanderdrift {
position: relative;
left: 10px;
width: 80%;
background-color: #ffffff;
}
.productietitels {
position: relative;
left: -65px;
width: 80%;
background-color: #ffffff;
}
.harmonika {
position: relative;
left: -170px;
width: 140%;
background-color: #ffffff;
z-index: 9999999;
}I am not sure what you mean when you say wrap the text in a div. Mayby you can give me an example?
Thank you,
Woutski
Hey!
if you want to add classes to your text block you need to turn on custom class for all ALB elements first. Let us know when you are done with this and still need help.
Cheers!
AndyHey Andy,
Yes off course and I did. But the thing is that if I give it a fixed width and I align it on my screen (1920px) it will not align on a smaller screen. Ans the textboxes are 5 in a row but the gallery is 6 in a row. So I figured mayby the solution can be found by giving the width of text block a percentage of the screen size so it would align on every screen size.
Please help :-)
Thanks in advance
Woutski
Hi!
can you give us a precise link showing the items in questions (textblock etc.)?
For different screen sizes you would need to work with media queries. For example:@media only screen and (max-device-width: 736px) { .jeroenvanderdrift { position: relative; left: 10px; width: 80%; background-color: #ffffff; }}For maximum screen size of 736px. Adjust as needed.
Regards,
AndyHi Andy,
thank youfor your reply. The link to that specific page is http://jeroenvanderdrift.nl/wpzenfold/?page_id=88
Thank you for thinking with me
Woutski
- You must be logged in to reply to this topic.