Hi!
I changed the background of the Test Slide and it works fine. I’m not sure why the background settings get stuck or why the background images are repeated. Anyway, I think the background is fixed: http://naturaintegrativehealth.com/
Cheers!
Ismael
Hi!
Yes, in enfold/js/avia.js search for
function avia_hover_effect(container)
{
if(container == 'body')
{
var elements = $('#main a img').parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a').add('#main .avia-hover-fx');
}
else
{
var elements = $('a img', container).parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a').add('.avia-hover-fx', container);
}
and add your element/class to the “not” filter list – i.e. if your class is called “mycustomclass” the modified code must look like
function avia_hover_effect(container)
{
if(container == 'body')
{
var elements = $('#main a img').parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a, .mycustomclass, .mycustomclass a').add('#main .avia-hover-fx');
}
else
{
var elements = $('a img', container).parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a, .mycustomclass, .mycustomclass a').add('.avia-hover-fx', container);
}
Cheers!
Peter
Hello,
A couple more questions:
1. Is there a way to keep the link for a slide active, but remove the fading to white and the circle with the arrow that pops up when you hover over it? Please see home page slider at the top as reference.
http://www.jamaicaclay.com/wordpress/
1b. Similarity, is there a way to change the look of that? make the white a different overlay color and the arrow in the circle icon a different look?
2. How can I make the text on the home page that reads “The ceramic art of David pinto” stay the same size (i.e. still be H2) but do a text transform to all lowercase or upper and lower case? I tried
h2 { text-transform: lowercase; }
but that didn’t work.
3. At the bottom of the home page – what is the code i need to remove the date stamp in the post sliders?
3b. Also, if i wanted to remove the featured image thumbnails, what code would I need for that? If we choose not to put a image in the featured image spot it leaves a line as a placeholder on the page and I want to be able to remove those lines, or tell it not to display images.
4. Is there a way to use the Avia layout editor for creating a “Posts” pages? I want to be able to drag and drop sliders and other media elements into my “posts” pages and i can’t do that with this structure. When i go to the “posts” pages I only have the default editor available to use to create posts pages. Should I be able to access an Avia layout editor? I would like to put a full width slider on one of my posts pages.
http://www.jamaicaclay.com/wordpress/puma-pinto-bolt/
5. When you use a “color section” on a page with a sidebar, is there a way to contain the color in just the layout area and not have it spill into the sidebar, because it’s pushing all the menu info down below.
See page: http://www.jamaicaclay.com/wordpress/workshops/
If not, then is there a way to force the sidebar content to come up first and then the color section afterward?
6. on the page below (and a few others) that use a “fullwidth masonry” set to display 4 columns, it leaves a hairline border on the far right when you window is fully open. Is there a way to remove this?
http://www.jamaicaclay.com/wordpress/gallery/custom-design/
Also, is there a way to force the responsive part of this masonry to stay 4 images across and just get smaller, until it they needs to go to 2 images across? Does that make sense?
Thank you as ever!
Hey 500Webmaster!
This will be easier if you use the header with the bottom navigation. Add this on your custom.css or Quick CSS to move the menu on the title container:
#header_main_alternate {
border: none;
}
.bottom_nav_header.social_header .main_menu {
top: 10px;
}
#header_main_alternate .container {
height: 0;
}
.bottom_nav_header.social_header .main_menu ul:first-child>li:first-child a, .bottom_nav_header.social_header .main_menu ul:first-child>li a {
border: none;
}
.bottom_nav_header.social_header #top .main_menu .menu-item-search-dropdown {
float: left;
}
To add more content on the header section, please edit header.php then find this code:
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');
You can add text or image code below.
Regards,
Ismael
Hi,
I am using the latest version of the enfold theme. We are using WP V 3.7.1
When attempting to upload pictures to the media library the file will load 100%, but then I get the following error message
“Fatal error: Maximum execution time of 30 seconds exceeded in /home/newruqhr/public_html/wp-includes/class-wp-image-editor-imagick.php on line 322
Then it will say “crunching” until I click I navigate away.
In the media library it will have created a location for the image but shows no thumbnail. If I select the location shown and try to use the image I cannot use the theme. Also this problem happens even for smaller images (100 KB).
We tried changing the max execution time in the php.ini field but it did not make any change.
Please suggest some remedy.
Thanks
Anurag
Hey!
I managed to change the socket background: http://www.acmena.com.au/
Please add this on Quick CSS to change the copyright text:
#socket .copyright, .socket_color a {
color: #333;
}
Cheers!
Ismael
Hi, here is a link:
http://disg-tipps.icosmedia-projekte.de/testseite/
Both pictures should have the same style.The first one is a image using media elements > Image, the second one is a text block.
I need this, to add e.g. copyright.
Hey!
You can use the Fullwidth Masonry Gallery element to replicate thebeautysalon’s grid images. And if you don’t mind, you can create Portfolio items with a unique category. Use these portfolio items on a Portfolio Grid element. You can choose not to display the portfolio title using CSS and disable the portfolio grid images link if you want.
Regards,
Ismael
Thanks, Yigit! It works now – I’ll keep the image suggestion in mind :)
This reply has been marked as private.
Hi Guys – can’t seem to get my background image for the socket area working – uploaded it in the theme files and it doesn’t appear.
It’s a small image that appears on the far right of the socket area.
Hey!
It is working properly when I tested it on your end. I created a Test page and follow the same options you mentioned above. This is the page: http://dev.mat3rial.com/goingpublic/test-2/
Regards,
Ismael
Hey proximomktg1!
What type of Blog Style do you have? Can you please give us links to a sample post and portfolio item?
Best regards,
Ismael
I finally got around to trying this, and, while it does have some advantages, it’s not quite enough of an improvement for me to switch. It’s still not swipable, the images are smaller than with the theme’s plugin, and, even though it has the significant advantage of providing full-screen images, if you “pinch” or “spread” those full-size images on the iPhone, and then close them, the page layout get’s tweaked to the point of having to reload the page.
Also, correct me if I’m wrong, but I don’t much like the thumbnails in fancybox, although they’re somewhat useful. Finally, it seems the usual fancybox settings (usually found in Settings > Media, I think), don’t seem to be available in this setup.
PrettyPhoto looks pretty good on the iPad, which is what most of my client’s clients will likely be viewing on, so I guess I’ll stick with that, for now. But thanks so much Dude/Peter, for passing this along!
Let me know if you guys find anything swipable and or spreadable! ;)
Hi,
I have a blog using mainly links and would need 2 modifications
– On the blog page, when the custom post is a link, the title of the post opens the link directly. Is there a way to have the small preview image to open the link as well instead of opening the post (which is empty). Or could I disable the link on the image ? Thanks
– I am also using the Enfold widget latest post and would need the title and img to open the link instead of the post.
Thank you very much for your help!
Olivia
Hola Josué, como puedo evitar que salga la ventana emergente ‘Lightbox’ al pinchar en cualquier imagen de mi sitio?
Deseo que sea el comportamiento global y no tener que hacer por cada imagen.
Muchas gracias!!
José
Hey!
Try adding this code to the Quick CSS:
img.avia_image, .avia-slideshow {
box-shadow: 2px 2px 20px black;
}
Cheers!
Josue
Hi!
By Image Description you mean the Alt text? how would you like to display it?
Best regards,
Josue
Hi!
If you choose that option for the masonry element then yes.
On regular portfolio no, the image will get scaled to fit and cropped on the longest edge if its much to large to fit the space.
Cheers!
Devin
Hi,
Is there a way to add a drop shadow to the easy slider and the image media elements, besides adding them to the images prior to loading into the media library?
Thanks!
Hi,
Open js/avia.js and comment from line to 674 to 746:
/*if(container == 'body')
{
var elements = $('#main a img').parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a').add('#main .avia-hover-fx');
}
else
{
var elements = $('a img', container).parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a').add('.avia-hover-fx', container);
}
var overlay = "", isMobile = 'ontouchstart' in document.documentElement;
if(isMobile) return; //hover overlay for mobile device doesnt really make sense. in addition it often slows done the click event
elements.each(function(e)
{
var link = $(this), current = link.find('img:first');
if(current.hasClass('alignleft')) link.addClass('alignleft').css({float:'left', margin:0, padding:0});
if(current.hasClass('alignright')) link.addClass('alignright').css({float:'right', margin:0, padding:0});
if(current.hasClass('aligncenter')) link.addClass('aligncenter').css({float:'none','text-align':'center', margin:0, padding:0});
if(current.hasClass('alignnone'))
{
link.addClass('alignnone').css({margin:0, padding:0});;
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); }
}
});
elements.on('mouseenter', function(e)
{
var link = $(this),
current = link.find('img:first'),
url = link.attr('href'),
span_class = "overlay-type-video",
opa = link.data('opacity') || 0.7;
overlay = link.find('.image-overlay');
if(!overlay.length)
{
if(current.outerHeight() > 100)
{
if(link.height() == 0) { link.addClass(current.get(0).className); current.get(0).className = ""; }
if(!link.css('position') || link.css('position') == 'static') { link.css({position:'relative', overflow:'hidden'}); }
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'block'}); }
if(url)
{
if( url.match(/(jpg|gif|jpeg|png|tif)/) ) span_class = "overlay-type-image";
if(!url.match(/(jpg|gif|jpeg|png|\.tif|\.mov|\.swf|vimeo\.com|youtube\.com)/) ) span_class = "overlay-type-extern";
}
overlay = $("<span class='image-overlay "+span_class+"' style='opacity: 0;'><span class='image-overlay-inside'></span></span>").appendTo(link);
}
}
if(current.outerHeight() > 100)
{
overlay.css({left:current.position().left + parseInt(current.css("margin-left"),10), top:current.position().top + parseInt(current.css("margin-top"),10)})
.css({display:'block','height':current.outerHeight(),'width':current.outerWidth()}).stop().animate({opacity:opa}, 400);
}
else
{
overlay.css({display:"none"});
}
}).on('mouseleave', elements, function(){
if(overlay.length)
{
overlay.stop().animate({opacity:0}, 400);
}
});*/
Regards,
Josue
Hey!
I have set slider width to 100% and that did the trick. Please review your website and confirm that it is working so we can mark the thread as resolved.
Regards,
Yigit
I would like to align featured images on posts and portfolio entries to the right, but have not been able to figure this out. Can you please tell me how or provide code to allow for this?
Thanks,
Will
This reply has been marked as private.
Can you outline the easiest way to change the layout of the shop page? I like the sidebar, but I would like the grid to have 4 columns instead of 3. I would also like the images to be smaller- I put all of my product images in at 450px by 450px so they look nice on the single pages, but the shop page also uses really large icons. You can see an example here https://www.virginiaseo.org/shop/
I am also wondering why my shop does not display descriptions on the shop grid page? Is this something I need to change somewhere?
This worked for me when you add to quick css (had to restart my browser, even after clearing cache).
.image-overlay.overlay-type-extern {
display: none !important;
}
.image-overlay-inside {
display: none !important;
}
Hey Kriesi team.
Few days ago peterfagerberg send a question about the the_permalink() function in order to use Entypofont or the light css boutons social sharing.
The moderator Josue gave this solution for using the permalink() function :
<a target="_blank" href="https://twitter.com/intent/tweet?text=<?php the_title(); ?>&url=<?php the_permalink(); ?>&via=@username">Tweet</a>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>">Share on Facebook</a>
<a target="_blank" href="https://plus.google.com/share?url=<?php the_permalink(); ?>">Plus on Google+</a>
<a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&summary=<?php avia_excerpt(50); ?>&source=<?php the_permalink(); ?>">Share on LinkedIn</a>
<a target="_blank" href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&description=YOUR-DESCRIPTION&media=YOUR-IMAGE-SRC">Pin on Pinterest</a>
<a target="_blank" href="https://vk.com/share.php?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&description=YOUR-DESCRIPTION&image=YOUR-IMAGE-SRC&noparse=true">Share on VK</a>
<a target="_blank" href="https://www.xing-share.com/app/user?op=share;sc_p=xing-share;url=<?php the_permalink(); ?>">Share on Xing</a>
But it does’nt work for me if I put it in a sidebar or in a post.
The argument stay the same, i mean when i clic on tweet it makes something like this :
<?php the_title(); ?> via @@username in the twiter writing box.
Is somebody have a solution?
-
This topic was modified 12 years, 4 months ago by
Martin.
ajax version is not a solution because all my portfolio items contain 40 images per porject set on the portfolio detail page…
It would be if i made my images in the ajax gallery but i didn’t ;-(
Hello sorry for the english google
is from November 26, I purchased the premium theme Enfold
you can not upload any images
while other issues you can do it all.
I paid 56 Euros for a wordpress theme that is useless
then I kindly ask you to correct the errors in the theme Enfold.
I’m no expert but it is the first wordpress theme that gives me these errors and do not know what to do.
Kindly if you can help too because it’s like having a car without an engine.
I trust in you to have solved the problem.
The site I need to work three weeks are still without doing anything.
thanks
good day
Claudio Scarinzi