Thank you Peter,
now the size fit, but the icon still jump to next row?
I have tried to use this: http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Date_.E2.80.93_Icon_Image_.28Datepicker_Option.29
but I cannot get right?
Best Regards,
Jomay
Ismael,
The code above for image height worked for desktop. On phone it reverts back.
Regarding that code. I was trying to use that CSS to stop the featured image from showing up on the blog post. But it looks like it prevents also on the main page when I use the ““blog posts” element in the layout tool. Is it possible to have it only show up on the main page but still prevent it from showing at the top of each blog post?
HI Ismael
as mentioned, it is not just the thumbnail sizes.. ALL the sizing is not working properly.
for example, when i select 300 x 300 i expect the image to come out as such, even if it has been uploaded at 650 X 400.
None of your slideshow resize options are working.
Also, please go to http://www.atoswellness.com.sg you will see an ugly black band in themiddle of the page. could you please tell me why it is loading like that ?it used to be white thanks.
Good morning Ismael,
I have added the same info to title, description, and alt to the last photo in the group in the Abstracts page, but still nothing is showing. What else do you recommend? I have no other plugins installed on this site that would affect titles/images.
Hi Devin,
Thanks for your message. But it does not work in the slider images! I have the images in the slider externally linked an the hoover effect does not work. Check out my site erklärvideo.info – and click on the corporate logos in the slider.
Thanks for your help!
Best
Flow
Ok i have tried out the background plugin and gone into Enfold>Style in the them options. But with the options and the plugin i can only apply the background to the main content area. I need the image to run all the way from the header throughout the main content into the footer and socket. How can i achieve this?
Hello
I just can’t understand why, but all menu titles became plain, and yesterday they were strong.
Plese take a look at screenshots (1st-made yesterday’s evening, 2nd- today).
1st: http://imageshack.com/a/img838/5013/rjba.png
2nd: http://imageshack.com/a/img19/2120/wne4.png
This reply has been marked as private.
Hi!
The overlay won’t work on images with a height of 100px or smaller images. The reason is that the icon would overlap the image and then it doesn’t look good. You have three options:
1) Resize the images and make sure that the image height is at least 101px.
2) Modify the overlay script and deactivate the height check – then the overlay might look distorted though. Open up enfold/js/avia.js and replace
if(current.outerHeight() > 100)
with
if(current.outerHeight() > 30)
3) Stick with the current design/layout.
Cheers!
Peter
Hello,
in Enfold is it possible to display, under a post or portfolio image,
2 or more categories?
For example: I have to build a site for a model agency
and I need to show on a page some models;
for these models I have to publish their names, their specialization and their city (like Andrea • Actor • Florence).
Obviously, it is important to have the possibility to make a multi-search for specialization and city…
Any suggestion?
Thank you
Hey!
This will get you started with the main menu. You can use media queries to adjust the position of the menu items on different screen sizes:
.main_menu {
left: 0;
}
#top .main_menu .menu li {
position: absolute !important;
}
#menu-item-71 {
left: 0;
}
#menu-item-72 {
left: 100px;
}
#menu-item-73 {
right: 100px;
}
#menu-item-74 {
right: 0;
}
You can go to Enfold > Styling then specify a background image. You can also use this plugin: http://wordpress.org/plugins/wp-backgrounds-lite/
Regards,
Ismael
Hey!
Please try to enclose or place the Easy Slider element inside a column. The slider will automatically inherit the size of the container. This will make the slider looks bad if you’re using small images.
Regards,
Ismael
Hi!
What do you mean by “stale”? On the screenshot, are you referring to the edge or the border radius of the images? You can add this on the Quick CSS:
.small-preview img, .big-preview img {
border-radius: 0;
}
Cheers!
Ismael
Hi,
Is it possible to hook the socket so we can insert our own dynamic html code build with PHP.
Actually i will require to insert images and current year, hence i need php to fill the socket content instead of using the settings options.
thank you so much
Cheers,
Chris
Hi!
Somewhere on your Quick CSS or custom.css, you have this css code that removes or hide the big featured image:
.big-preview.multi-big {
display: none !important;
}
Please locate that one and remove it or you can add this at the very bottom of custom.css or Quick CSS:
.big-preview.multi-big {
display: block !important;
}
Regards,
Ismael
This reply has been marked as private.
Hey!
Edit the images on the Media > Library panel then add the title on the “Alternative Text” field. They should show on top of the images when you open the lightbox.
Maybe the image has a different ratio. Please add this on Quick CSS to define a max height for the product images:
#top div .avia-gallery img {
max-height: 333px;
}
Regards,
Ismael
Hi Ismael. I don’t want to remove the overlay. Rather, I want the hover link overlay to work for all of the images on that page. Any thoughts on how to make it work for all images on that page, all of which reference an internal link.
Hi!
You need to manually edit the images and make it transparent before you upload it as section background. It will be easily manipulated with css if you’re using solid colors but since you’re using an image as background, you need to actually edit the image and make it transparent.
Regards,
Ismael
Hi!
I’m not really sure why the image overlay appear on the logo but you can add this on Quick CSS to remove it:
.avia_image.avia-builder-el-32.avia-builder-el-no-sibling.avia-align-center .image-overlay {
display: none !important;
}
Cheers!
Ismael
Hi Devin,
That did the trick – I disabled all the image Jetpack options – I think the offending Jetpack plugin in the ‘Carousel’ plugin. Is there any way of getting Carousel to work? I really like how that Jetpack feature worked – when you click on a image on a post it opened a type of lightbox (carousel) – with it off, you have to click on the image once which takes you to a smaller image then click on it again to view the full image… worked that out, just needed to update the link type
I also added that CSS into the Quick CSS which kinda fixed the picture formatting – its still not perfect but its better.
One last thing, my homepage easy slider is set to the gallery (710×575) slideshow image size and all my images when I upload them I’ve resized them to 800x#### – I’ve noticed that even though the easy slider is down sizing the image its making them bad quality. I figured if the image was enlarged it would lower the quality, not shrinking. Any thoughts?
Thanks again!
-
This reply was modified 12 years, 3 months ago by
Kalmatron.
This reply has been marked as private.
Thanks Yigit,
I created a test page and replicated the issue. I’m wondering if image size has something to do with it. Does the hover effect only apply on images that exceed certain dimensions? The one image on the page that shows the hover effect is the largest.
Hi!
This video should help you: https://vimeo.com/77433498
I’ve not yet created a second one as there hasn’t been any further changes to the masonry elements yet and I original though they would be getting another feature set shortly after.
So it should be as straightforward as in the video: add the element to your layout, pick the images or categories/taxonomy then publish.
Best regards,
Devin
Hey carendavis!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.image-overlay.overlay-type-extern .image-overlay-inside:before {
content: '\\E897';
font-family: 'entypo-fontello';
}
Cheers!
Yigit
Hi weathertight!
In WordPress dashboard please go to Appearance > Editor and open Header.php file and find
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');
and add your code as shown here http://i.imgur.com/sIpHTyy.jpg
then add following code to Quick CSS in Enfold theme options under Styling tab
img.yourstyle { float: right; }
Cheers!
Yigit
Hi dpilling!
Please do not create duplicated topics :)
Regards,
Yigit
Hey dpilling!
Please try deactivating all active plugins and recreating the sections ( on a test page maybe ) and check if that helps. If not, please try updating Enfold to version 2.4.5 and WordPress to 3.8
http://kriesi.at/documentation/enfold/updating-your-theme-files/
Cheers!
Yigit