Forum Replies Created
-
Posts
-
My coder @vileworks.com wrote me:
This is the jQuery code I’m using. You can try running (testing) this code on the Enfold demo page if you know how to use the javascript console in Chrome or Firefox: http://kriesi.at/themes/enfold/shortcodes/images-with-hotspots/$=jQuery;
$(‘.av-hotspot-fallback-tooltip’).hide();$(‘.av-hotspot-fallback-tooltip-count’).on(‘click’,function(e) {
$(‘html,body’).animate({ scrollTop: $(‘#main’).offset().top },’slow’);
$(‘.av-hotspot-fallback-tooltip’)
.slideUp(500);
});$(‘.av-image-hotspot’)
.each(function(){
$(this).on(‘click’,function(e) {
var hotspot_number = $(this).index() + 2;
$(‘.av-image-hotspot .av-image-hotspot_inner’).removeClass(‘active’);
$(this).find(‘.av-image-hotspot_inner’).addClass(‘active’);
$(‘.av-hotspot-fallback-tooltip’).hide();
$(‘.av-hotspot-fallback-tooltip:nth-child(‘+hotspot_number+’)’)
.slideDown(500);;
$(‘html,body’).animate({ scrollTop: $(‘.av-hotspot-fallback-tooltip:nth-child(‘+hotspot_number+’)’).offset().top – 100 },’slow’);
});
})
.on(‘hover’,function(){ return false; });$(‘.av-hotspot-fallback-tooltip-inner p:empty’).remove();
That suggestion was great. We haven’t used it yet but good to know about. That is what I was looking for.
Here is where we are now: http://69.195.124.250/~wpbforg/what-we-do/gardens/ My developer is rerouting the Hotspot links.
But my question now is that when I put in the Hotspots, they snap to a grid. I can’t place them with precision. Can that be turned off or is that the way it is for now?The reason I don’t want to use columns is because I like the full width image with Hotspots. I want to maximize the space. This map has a lot of info.
Is there some way to see the code that a Avia page is built with? Seems when I was working with an earlier version, if I switched to Default Editor, it showed me the code. But I think I read where that was discontinued. Though I may have that all wrong but I do remember seeing the code. The short code and wrappers.Ismael, I found the Code Block element. Hadn’t seen that before. Can you point me to any tutorials on how to use it, short codes, etc?
(the Private box was checked on my first reply. This doesn’t need to be private.)
Thanks for the quick reply, Ismael.
What are code blocks? I did a search and came up nada.
Is there a way to get at the code for a page or element?
My solution goes wack if you resize the browser. I made the Legend in a text block below the full page Image with Hotspots.I ask because the client was disappointed with this mobile solution. She had seen another WP site we just built from scratch http://billnoblegardens.com/bills-garden/ . We used the Responsive Lightbox plugin.
The issue is the smart phone not the tablet. Tapping the image on the tablet works. That doesn’t work on the smart phone. And swipe would be better on the phone than tap.
Thanks again. I think I am getting the hang of it. This has been a feature since WP 3.1? How did I miss that? I guess I have not been using themes with this feature. I would suggest doing a screencast on making Blog posts with these formats and the various image formats. I am curious of how I will be able to impart these methods to my client.
Ismael, I did do that.
And I now I think I found the issue. When I made the Blog Post with the intension of adding a gallery, I chose Format > Gallery (above the Publish pane). Then I made the post using Insert Shortcode > Media Elements > Gallery, the columns were wack. (Blogpost: http://www.kennethbsmith.com/clients/abww/post-using-format-gallery/ is similar to what I had shown you before)
But using Format > Standard, then the same Insert method, the columns seem to be fitting. (the rest of the posts http://www.kennethbsmith.com/clients/abww/blog/).
So, I don’t understand the Posts > Format. Where is the tutorial/info about that?Peter-
The problem with the link > lightbox happened because I was reading on an iPad. It didn’t occur to me that this forum was not responsive. When I did examine on the iMac, I did find those video tutorials.
What is the time frame for answering forum questions? I thought I read somewhere that it was 24 hours. I need to manage my expectations.About the link in your reply not loading: when I click on the link above, it tries to open up in a lightbox and that doesn’t load. That is when I get the spinning gif. When I clicked on it in your email to me, then it goes to the screencast page.
I see there are screencasts about the visual editor, (Avia Layout Builder) but is there one about Blog Posts? The Visual Editor is not an option for new blog posts. And something about the Insert Shortcode UI?Thanks, but your link is not taking me anywhere. I just get the spinning loading gif.
I did find the page http://kriesi.at/themes/enfold/shortcodes/gallery/ as an example of what is possible.
Is there a tutorial on making blog posts? I have tried making a gallery with the Post Format > Gallery and then using Insert Shortcode from the “Kitchen Sink.” You know, the icons above the Content pane. This is the short code.
[av_gallery ids='268,266,267' style='thumbnails' preview_size='portfolio' crop_big_preview_thumbnail='avia-gallery-big-crop-thumb' thumb_size='thumbnail' columns='3' imagelink='lightbox' lazyload='deactivate_avia_lazyload']And this is the test post – http://www.kennethbsmith.com/clients/abww/gallery-post/
Why don’t the thumbnails fit into three columns? This looks Wack.Isn’t there a tutorial on blog posts formats? This is going to be very difficult to explain to my client.
And what do you recommend for blog posts? We have started three here: http://www.kennethbsmith.com/clients/abww/blog/
That is how I would normally do it with align left run arounds but I think you must have another approach to blogs using more than one photo. Thanks.Where can I review the use of short codes? I didn’t find it in ““Enfold WordPress Theme” Documentation by “Kriesi” v1.0” But I think I have seen it somewhere.
Thanks.I think I found the issue.
img, a img { border: medium none; display: inline-block; height: auto; image-rendering: optimizequality; margin: 0; max-width: 100%; padding: 0; width: auto; }Why is that CSS property set in the base.css? To what should I change it ?
But mostly it baffles me why you set it in the first place.You are soooo right, Josue. And how embarrassing that forgot to do that.
But, once done, the effect still doesn’t happen.
I even made a child of Contact to test it: http://www.kennethbsmith.com/clients/abww/contact-annie-brumbaugh-wardrobe-consultant/test-contact-child/
BTW, the client does not like the drop downs. She doesn’t want them in the menu.
I do see that it works on the Enfold demo site: http://kriesi.at/themes/enfold/portfolio/portfolio-2-column/
Portfolio is bolded when on the child page.
What do you think could be the issue?Not sure I understand this. I have built a page in the Advanced Editor, then later when I clicked on the Default Editor, I saw all the short codes. I copied the short code and started a new page. But now when I click on pages built in the Advanced Editor, I don’t see anything. The pane is blank. What did I do the first time to see the Short Code? Or was that just lucky?
http://www.kennethbsmith.com/clients/abww/ab-wardrob-works-clients-women/Whoa! I see what could be the issue. I had not used the Enfold Theme Options to select where I want to display the Blog. I had done that in the WP > Reading settings. Selecting through the Enfold Theme Options page makes it work. My bad.
Now I am going to try to change the blog layout.
http://kriesi.at/documentation/enfold/have-a-different-single-page-blog-layout/I added that at the end of the functions.php file, but the Blog – Latest News didn’t change.
Not always sure I get my php correct. Here is a screen grab of what I did:[IMG]http://i61.tinypic.com/2vns3kn.jpg[/IMG]
What next?
Thanks. I tried that but we like how the gallery view has the pix abutted. There is too much space in the 1/4 column solution. But!! you gave me an idea. I added a text block and styled the caption.
http://www.kennethbsmith.com/clients/abww/ab-wardrob-works-clients-women/p .client-caption { display: block; float: left; font: 0.8em Arial, sans-serif; text-align: center; width: 50%; }That should work. Couldn’t have done it without you.
Also need help adding an apostrophe. Above I wrote
if ( $args['title'] == 'Annies News and Views' ), but of course Annies should be Annie’s. How do I do that?Annie\'s?
ThanksHmm. I did what you said. I pasted
body { font-size: 16px; line-height: 80%; }into the Quick CSS.
Take a look at http://www.kennethbsmith.com/clients/abww/
Seems I can control the font-size but not the line-height. Above I used line-height: 80%; so you would see that is not working. Seems to be stuck on line-height: 1.65em;
Using FireBug I can not seem to grab the line-height.
Any other suggestions?
(I have been editing CSS for five years, so I find this baffling. But I like Enfold and want to understand the nuances. I also have been using your custom.css but not here so as to adhere to your suggestion.)
Thanks.
