Thanks, Ismael. That helped, however, I used to be able to customize the sizes. The square thumbnails don’t work for our book shots which need to be 95×123. We used to be able to do that in ADVANCED SETTINGS, but that no longer works.
Parallax-effect doesnt work on ipad ..
The images are static placed. Menas: the site scrolls but the images are just fixed like other content. No effect like on PC.
Gotta a fix for this little bug?
Hi Josue, no, thats not my case.
I have a bulk of PDFs which are for download one by one. I tried using some ways collecting them and I like use as much design as possible. So I created from each PDF a small JPEG from frontpage which shall preview the PDF and linked to it.
I tried portfolio which is good, put a featured image into each and linked that to the PDF. But if I use the portfolio element in a collecting page for showing the correspondent items, I may use behaviors in case were the item is opend: in a lightbox for example or in a new window (which doesn’t work – it opens in same window – the user leaves my site). Is it a bug?
The other way I tried was using on page the avia element image, which can be linked too. That works fine, opens in a new window. But in this case my trouble is in selecting uploaded images in the media browser. My previews do have all the same title because it is a series. In this case Enfold uses the kind of media browser which is used if I select a featured image – it has a limited content/metadata view. I see only title and alternate text if I click in media browser on a thumbnail. But selecting here the right preview is not possible. Thats what I mention.
Thank you Josue, that worked perfectly for removing the lightbox feature. Can you explain how I might either move the featured image below the title or even remove it from the single post without actually removing the feature image. Shown here in this screenshot http://puu.sh/5UykE/eef2c8123a.jpg the featured image needs to be there for the next post and previous post tabs, but by doing so it adds the image above the title and Yoast does not recognize it as an image on the page as shown http://puu.sh/5UysY/cadd7f9bb8.png
Hey!
After you click the “Add Media” button, select the size of the image that you want to use on ATTACHMENT DISPLAY SETTINGS > Size.
Cheers!
Ismael
Hey!
I guess you are referring to the lightbox opening, please refer to this topic in order to disable it in certain images: http://kriesi.at/documentation/enfold/prevent-image-or-link-from-opening-in-a-lightbox/
Best regards,
Josue
Hey!
Try adding this code to the Quick CSS:
#top.single-post .big-preview.single-big a,
#top.single-post .small-preview {
pointer-events: none;
cursor: default;
}
Cheers!
Josue
First off I wanted to say thank you for such a great theme. I have worked with alot of different developers and WordPress themes but have never seen one as intricate as this. KUDOS! I have been playing around with this theme the last few days, learning the different features. I have read the available docs and found the part where you can disable the Lightbox feature on any image. I however can not find how you would disable this feature on a Featured image on a blog post. Also, I would like to know where to edit to remove the featured image from the single blog post. I want to still have the ability to add a featured image because of the next and previous post feature., but Having the ability to add our own image with title greatly enhances the SEO aspect as to where we can not do this with the feature image. It also adds the image above the title which I am not a big fan of. The theme structure here is not something I am familiar with and just need a push in the right direction. Any help would be greatly appreciated.
-
This topic was modified 12 years, 3 months ago by
TJ Martin.
I have used jpegs as previews and if a user clicks on image, it should open a new window showing the linked pdf.
I tried first portfolio and linked a portfolio category to a page. But either way I use, clicking on the jpeg opens the pdf in same window.
I tried than on page the avia image, but when I like to select a jpeg as preview, I get a media page with limited metadata display -> I do not see the filename.
I tried a gallery, but can not set a link to a pdf, that opens in a new window or tab.
Last I tried using icon box which worked fine, but only clicking on title of box links to the pdf, not clicking on image.
I am a bit frustrated.
Did you get the right page? It was on private for awhile.
Hey MBAM!
There is a javascript error with the facebook code or plugin (not sure which). Its causing an error with the jquery getting loaded in from WordPress and in turn the delay on showing the portfolio items isn’t working. A quick fix is to set the images to show anyway by adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.grid-image.avia-hover-fx {
opacity: 1;
}
Cheers!
Devin
Hi!
1) You can add new icons via the function method here: https://kriesi.at/support/topic/adding-slideshare-to-header-social-icons/
2) On each of your pages you have the option on the right hand side of the page editor in the “Layout” meta box to choose if you want to have the header. Look for the text:
“Header Settings
Display the Header with Page Title and Breadcrumb Navigation?”
3) In your theme options go to the footer tab and add [nolink] to the text box along with your own custom text.
4) The slideshow image is based on the options and image options you choose for that specific page.
For the blog page, if you’ve chosen that page from the theme options it ignores all settings on that specific page. See: http://kriesi.at/documentation/enfold/setting-your-home-and-blog-pages/
Cheers!
Devin
This reply has been marked as private.
I’m wondering if there is a way to put in a full screen image background and have a form or content widget on top of it. I tried using the color section but that only put the image into a small section. I tried using the sliders/ image backgrounds from the media section but that just pushed the text widget down to the bottom of the page. Any assistance you can provide would be great. Thanks!
This reply has been marked as private.
Great! will give this a try dude.
This reply has been marked as private.
icon and icon font is great but not very flexible … I WOULD LOVE TO BE ABBLE TO DEFINE AN ICON WITH AN IMAGE !!!! with the exact same interface as the testimonial one
Das funktioniert. Nur passt sich die Größe der Kette nicht mit an.
Ich habe für diese Seite folgende CSS codes aktiv:
.ls-container {
border-top: 3px solid #c2512f !important;
border-bottom: 2px solid #c2512f !important;
}
#footer {
border-top: 2px solid #c2512f !important;
border-bottom: 2px solid #c2512f !important;
}
.page-id-2380 .avia-section {
border-top: 4px solid #c2512f !important;
border-bottom: 2px solid #c2512f !important;
}
.page-id-2380 div .av_one_fourth {
width: 11% !important;
}
.page-id-2380 div .av_one_half {
width: 66%;
min-height: 250px;
}
#top #wrap_all #kette, #top #wrap_all #kette .container {
width: 100% !important;
}
#top #wrap_all #kette .container .avia_image.avia-align-center {
margin-right: 0;
}
#top #wrap_all #kette .container .content{
padding-top: 0;
padding-bottom: 0;
}
Can I add to the above, that I have images that are links which shows the colored circle with an arrow – and I have images that are links that doesn’t show the colored circle – why this difference as they are both images with links?
Hey!
You can experiment with this css modification to increase the height of the slider images on mobile view.
@media only screen and (max-width: 767px) {
.av_slideshow_full li img {
border-radius: 0px;
min-height: 200px;
min-width: 500px;
margin-left: -200px;
}
}
Regards,
Ismael
Hey PPCHound!
If the custom post type uses the default enfold/single.php and enfold/includes/loop-index.php template it will show the featured image. If a custom cpt template is used then you must make sure that the cpt template supports featured images.
Best regards,
Peter
Hey!
Please open up /wp-content/themes/enfold/includes/loop-index.php and replace
$size = strpos($blog_style, 'big') ? strpos(avia_layout_class( 'main' , false), 'sidebar') ? 'entry_with_sidebar' : 'entry_without_sidebar' : 'square';
with
$size = strpos($blog_style, 'big') ? strpos(avia_layout_class( 'main' , false), 'sidebar') ? 'entry_with_sidebar' : 'entry_without_sidebar' : 'square';
if(is_single()) $size = "full";
This should replace the thumbnail with the full size image on all single post pages.
Regards,
Peter
Just a note for future development- Modern.ie calls out some missing vendor prefixes with the enfolds code:
p.demo_store linear-gradient 69
.cart-loading transform 312
.adding-to-cart-loading:hover .cart-loading transform 312
#top .added-to-cart-check .cart-loading transform 312
#top .added-to-cart-check:hover .cart-loading transform 312
.avia_cart_buttons -ms-perspective 329
.avia_cart_buttons perspective 329
.sort-param -ms-perspective 446
.sort-param perspective 446
.avia_transform .bbp-replies .bbp-reply-author::before, .avia_transform .forum-search .bbp-reply-author::before, .avia_transform .forum-search .bbp-topic-author::before -ms-transform 1129
pre -webkit-linear-gradient 208
.avia-arrow -ms-transform 284
.webkit_fix -ms-perspective 662
.webkit_fix perspective 662
.av_font_icon.av-icon-style-border .av-icon-char:after -ms-transform-style 674
.av_font_icon.av-icon-style-border .av-icon-char:after transform-style 674
.avia_transform .av_font_icon -ms-transform 675
.avia_transform .avia_start_delayed_animation.av_font_icon -ms-transform 676
.avia_transform .avia-icon-list .iconlist_icon -ms-transform 695
.avia_transform .avia-icon-list .avia_start_animation .iconlist_icon -ms-transform 696
#top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap -ms-transform-style 832
#top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap transform-style 832
.avia_desktop.csstransforms3d .av-masonry-entry -ms-perspective 861
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container -ms-transform 863
.avia_desktop.csstransforms3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content -ms-transform-origin 863
.avia_desktop.csstransforms3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content -ms-transform 863
.avia_desktop.csstransforms3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content -ms-transform-style 863
.avia_desktop.csstransforms3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content -ms-transform 863
.avia_desktop.csstransforms3d .av-masonry-entry:hover .av-icon-display -ms-transform 863
.avia_desktop.csstransforms3d .av-masonry-image-container -ms-perspective 863
.avia_desktop.csstransforms3d .av-masonry-image-container perspective 863
#top .av-masonry-entry.type-product .av-masonry-image-container -ms-transform 869
#top .av-masonry-entry:hover .av-icon-display.av-masonry-media -ms-transform 871
#top div .av-masonry-entry.format-quote:hover .av-icon-display -ms-transform 871
.avia_transform .avia-testimonial .avia-testimonial-image -ms-transform 887
.avia_transform .avia_start_animation.avia-testimonial .avia-testimonial-image -ms-transform 887
.grey-bar .bar -webkit-linear-gradient 897
.blue-bar .bar -webkit-linear-gradient 898
.green-bar .bar -webkit-linear-gradient 899
.orange-bar .bar -webkit-linear-gradient 900
.black-bar .bar -webkit-linear-gradient 901
.red-bar .bar -webkit-linear-gradient 902
.teal-bar .bar -webkit-linear-gradient 903
.aqua-bar .bar -webkit-linear-gradient 904
.purple-bar .bar -webkit-linear-gradient 905
.pink-bar .bar -webkit-linear-gradient 906
.silver-bar .bar -webkit-linear-gradient 907
.avia-slideshow-inner li -ms-transform-style 938
.avia-slideshow-inner li transform-style 938
.csstransitions .av_slideshow_full .avia-caption-content, .csstransitions .av_slideshow_full .avia-caption-title, .csstransitions .av_fullscreen .avia-caption-content, .csstransitions .av_fullscreen .avia-caption-title, .csstransitions .av_fullscreen .avia-slideshow-button -ms-transform 955
.mejs-controls .mejs-time-rail .mejs-time-buffering -webkit-linear-gradient 1183
.mejs-controls .mejs-time-rail .mejs-time-current -webkit-linear-gradient 1183
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current -webkit-linear-gradient 1187
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current -webkit-linear-gradient 1187
.socket_color .mejs-controls .mejs-time-rail .mejs-time-current, .socket_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .socket_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .socket_color .theme-color-bar .bar -webkit-linear-gradient 1249
.footer_color .mejs-controls .mejs-time-rail .mejs-time-current, .footer_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .footer_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .footer_color .theme-color-bar .bar -webkit-linear-gradient 1279
.alternate_color .mejs-controls .mejs-time-rail .mejs-time-current, .alternate_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .alternate_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .alternate_color .theme-color-bar .bar -webkit-linear-gradient 1309
.main_color .mejs-controls .mejs-time-rail .mejs-time-current, .main_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .main_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .main_color .theme-color-bar .bar -webkit-linear-gradient 1338
.header_color .mejs-controls .mejs-time-rail .mejs-time-current, .header_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .header_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .header_color .theme-color-bar .bar -webkit-linear-gradient 1372
Hi, I’m implementing a new web.
http://www.coronatolive.com
and I would like to use the “header with social icons and bottom navigation”.
I have a problem with visualization, could you help me with the styles that I have to apply?
http://imageshack.com/a/img809/3145/kis9.png
Thank you!
The images are in the author tabs and the review tabs on all book pages. Example:http://christophermatthewspub.com/country/
They are showing up full size rather than the reduced size I indicated in the advanced image adjustment Love this theme though.
It would be nice to see in forms:
– email templates for user and admin
– Radio’s (for Mr, Mrs or yes/no etc.)
– Download the results/mails into CSV format
– Add fields that your form requires with just a single click of the mouse button
– If fields (dont know the name: ex. when click one option in select, textfield gets visible)
– Image captcha
– indivdual error messages textfields
– optional classes for textfields and buttons
– reset button
– spacer
-
This reply was modified 12 years, 3 months ago by
docperi.
Thank you! That fixed the mobile layout. Is there a way to make the main “fullwidth slider” images on the home page be taller on the mobile site, but not on the normal browser?
They just look so dinky on the mobile site.
Thanks,
Eric
Hello,
1. I would like to offer to add one small, but useful function – “read more” tag. WP has it by default, but it does not seem to be working with Avia builder.
2. Adding ability to zoom photo (lightbox element) on click in easy slider (and other sliders) would be very nice
3. Global setting of padding between Avia elements would be useful
4. Ability to use “color section’s” options on all Avia elements (1/5, 1/4, etc.) would be very good too, for example to add column without padding, with unique background without playing with CSS
5. Think about nice effect on hovering on linked image (for example – small zoom, like masonry gallery) – this would be beautiful :) Maybe even adding CSS section in image’s placeholder, to be able to add CSS effect by hand, or choose from preloaded ones.
6. Secondary menu styling is pretty raw for now, only customizing CSS is helping and even this is not helping 100%, it would be great to give every menu level it’s own class, or maybe even some preloaded CSS options, like gaps, backgrounds, font colors and sizes.
That’s it for now. I have analyzed this skin pretty deeply and all these functions really would be great if implemented in some time :)
Hoping that you will like at least some of my ideas.
-
This reply was modified 12 years, 3 months ago by
ashpacas.