Hi,
I don’t see the problem with the latest news widget thumbnails. They are so small that you can’t even see what they really are. If you want to have a perfect image, please upload a square picture. The size of the thumbnail is 28x28px, if you upload a square image, they will be cropped as is without losing ratio.
Regards,
Ismael
Is there a way to do the menu on this template like this website?
http://www.hillsong.co.uk
I am also trying to get the main image like this one with two images off to the right…any way to do that as well?
I have set up on my homepage to have the background image stay the same while the text rolls over the image. I love the look of this! But on some computers the text is not scrolling over, it looks as if the text is apart of the background image. Why are some people seeing this and some are not?
http://www.drakeeats.com
its my home page i’m having issues with
Hi Nick, no problem at all and sorry for misunderstanding you too :) Well, you may have a point after all with BIG guns who write these media queries as it just isn’t working for me at all and I’ve now tried the new code with pretty much every combination of querie too.
I meant when you insert an actual image into the iconbox and rollover the image with your mouse, a highlighted area appears with an icon and the image area expands vertically by roughly 20px pushing content down further. Might be something to do with the: image-overlay-top style?
I can send a link for testing purposes if you have some way I can pm you, or email directly. Whatever suits you best, but I can’t post the URL in a forum.
Thanks again,
Hi,
Yeh my bad for structuring my reply in a way I wanted to structure the css article lol. So the tone was not directed at you but at the top10 results on google. I wanted that indignation … in any case…
Don’t worry about my time. I am gonna write an article up anyhow …
http://kriesi.at/themes/enfold/shortcodes/iconbox/ <— iconbox
Do you mean the glyph? The heart and star?
Or do you mean placing an image inside there.. Really need to see the css and look at it through chrome developer tools. I would guess there is no height set on the image container probably. or the height on the image is smaller than the height on the container and possibly a height set to auto somewhere. Hard to tell without seeing anything.
Thanks,
Nick
EDIT Ok, so I’ thought I had found a solution by changing the reference to the iconbox Ismael suggested above from:
.page-id-9576 .iconbox_content {
to:
#top.page-id-9576 .iconbox .iconbox_content {
This solution was posted for another of your themes in another forum.
Ah, just edited this as seen your reply above. No problem, that’s the downside to electronic communications as it’s easy to be taken the wrong way. Glad it was just a misunderstanding here as I have been very happy with the theme and support so far and REALLY DO appreciate every reply and your time too.
Now one last question please.
When I roll over an image in an iconbox it expands vertically a little, is there any way to prevent this?
Thanks
Hi Nick, thanks for the help but we had already visited many of those URLs and tried most most of the suggested queries anyway. Unfortunately though, it’s STILL NOT working and this is getting urgent now as we want to go live with the site. Some of the querires do seem to work, but then ALL the styles from the rest of the stylesheet are completely ignored and stripped out? We’re not meant to copy ALL custom styles and also paste these within the media queries too are we, as these apply to how the site should appear on all devices and browsers. EDIT: We’ve tried that and it still doesn’t work!
Surely there is some easy way to simply set a predefined height for the iconbox background colour. Otherwise, how can you ensure that column layouts all stretch to exactly the same height when viewed on other devices for consistency?
Could there be a bug in the theme? Another thing that really doesn’t help is the fact that when you add an image to an iconbox and rollover it with the mouse, it seems to expand slightly pushing content further down! Is there some way to prevent this from happening as it’s really annoying and makes aligning columns even more problematic too?
Please can someone provide a solution to this. Many thanks,
EDIT: The appear to be a mistake in the code you quoted above too, as there is a missing ‘)’ which will cause problems!
HI
My gallery images are not loading until I start scrolling on the page. I would like the images to load without having to scroll on the page. Could you please take a look and let me know if I am missing a setting for the image loading?
http://www.eyecreative.com/art/
Thanks,
eyeCreative
Hello – I’m using the fullscreen slider and it looks great in desktop – but when I reduce it to mobile the images in the slider doesn’t reduce or scale down. The other sliders scale down the images based on screen size. Does the fullscreen slider do this? Am I missing something?
Thanks,
Curt
Hello. Are items inside a Color Section suppose to be responsive? I’ve tried adding various short-codes and text elements inside a Color Section that includes an image and it does not appear to be responsive. I don’t have a live site yet, but it should be easy to confirm. Thanks.
POSTING issues. I updated to 3.6 when it was released and while the site worked, I can not add images to any posts or schedule posts. I was hoping the new version would solve that, but it doesn’t seem to…. any ideas? THANKS!
I have created my site using the ‘drag and drop’ Avia layout builder. However, something has just gone wrong, and now the website won’t display any content below a certain image. So the bottom half of the website is missing now.
When I look through the revisions, the content is all there in the code, but no matter how many times I try and reinstall from autosave, the content never returns.
Any ideas ?
I regenerated all thumbnails. Nothing changed.
I have found a solution to a problem with scaling of images in single blog posts, when align is set to none.
I had a problem with images not scaling down to the width of the content container, something that I was expecting even if the images was to be a very large, 2500 px in this case. All worked ok as long as I was a aligning the images, but not when align:none was chosen.
The solution was to copy a line in base.css and change it to be used witn alignnone:
body .alignnone, .entry-content a:hover .alignnone{ clear:both; display:block; margin:10px auto; padding: 10px 0; }
I have just viewed my galleries in Chrome and IE10 and IE10 seems to have a display problem, see link:
http://www.chriswardphotography.com/test-area/examples/image-test.jpg
Any ideas what it could be? Are you getting the same thing happening?
The images show fine in lightbox. Its just IE10 that has the problem.
http://chriswardphotography.net/galleries/fashion-and-portraits/
Also each time I go into the gallery within layout builder the image order changes. So I click int he gallery box to change the settings. Then into the gallery itself. When that window comes up the images are in a different order. This happens each time. Have you heard of this happening?
It seems the problem occurs when active in any of the objects of the multimedia gallery the “make the object is translatable”.
TO FIX this, you just have to check / uncheck this box on any image in the gallery and save the changes.
Regards,
Marcos Q
I’m trying to replicate the top background effect (it’s the image with the site name, pictures, and flowers and is 1320px x 335 px) from the following site – http://goo.gl/wNUj
I’ve figured out how to drop the boxed layout down and have added a custom background image via the Styling section but can’t figure out how to add a full width image at the top like they have. I would like the background and top full width image to remain fixed and the header to remain a small fixed header and the body to disappear behind the full width image when scrolling.
Is this possible?
I noticed Kriesi now calls the function which registers the image sizes directly in functions.php. So we also need to call it in the child theme – use following code to change the image sizes:
function avia_change_image_size_array()
{
global $avia_config;
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>200 ); // images for portfolio entries (2,3 column)
avia_backend_add_thumbnail_size($avia_config);
}
add_action( 'init', 'avia_change_image_size_array', 1);
and instead of
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>200 ); // images for portfolio entries (2,3 column)
insert your custom sizes….
Hello. Is there a way to display a transparent menu (menu and top bar) and then switch to the standard shrunken menu upon scrolling? Similar to this example, http://feelwhatyouare.com/ . I have seen this used on several sites and seems like a good option to be able to showcase a header image without the standard white menu. If not, can this be added as a feature request? Thanks.
actually no I cant.. some of the thumbs get chopped off.. is there any way to set width:auto instead of 591px and still have the alignment?
The issue being that fix was in place to stop thumbs resizing bigger than you want according to the column page…
btw I made no template adjustments.. the test page showed the column layout in adv builder.. also you are cropping the image thumbs on your first pic !
Hi Guys!
I was wonder if anyone knew how to remove this space between the menu and the layer slider..
Click on the link below to see an image of what I am talking about :)
http://s11.postimg.org/csinj84k3/Layout.jpg
Thankyou!!
Opps the new link is http://chriswardphotography.net/galleries/kids/
The test image is the beach photo, image number 2
image animation on scroll .. thumbs have no gone grey till end again even with the .js patch to shortcodes.js
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
}).trigger('avia_start_animation');
has something else changed ?
Please refer
http://screencast.com/t/Zm4cac4H
how can margin in above image can be less?
I tried
/*gallery full image: */
.avia-gallery-big.fakeLightbox.lightbox {
vertical-align: middle !important;
}
Cant seem to align an image vertically?
Just tried a few things out and noticed your CSS messes up the responsiveness of the gallery. :-(
It fixes the height and when the browser size is made smaller it has white under the image. I’m guessing I cant do what I want sadly? I need it to be responsive showing the whole image centered in the gallery window….
Any ideas or an I trying to do something that cant really be done lol
Closed post. As turned into new thread.
1) Guys, I downlowded a image widget which allowed me to place images in the sidebar.
But there’s quite a bit of space between the images. Any was of reducing the space?
here’s a sample page:
http://skrunkwerks.com/skrunk/samplepage/
2) Still cureent!
Cheers
Hi,
Please show a link to the actual page (no screenshots please) so that we can see in the code what’s going on and provide you with a solution.
Thanks,
Nick