-
Search Results
-
In reply to: Enfold Feature Requests
Enfold is a powerful theme with great features. Thank you for coding it very clean and well! :) However, I don’t think the shopping cart view box that appears briefly in the top right corner, after adding an item to the cart, is enough for people to notice “how” to find their items in the cart.
FEATURE REQUEST:
When someone adds a product to the cart, instead of the box appearing in the top right corner for a short moment, have the box to be shown at the center of the screen for a few seconds, and then float to the position of where the cart icon is at on the top right of the page. Can you help me with this? This would draw peoples attention to where it is at and be a great benefit for the shoppers. Perhaps have an option in the theme panel to enable or disable animation for the cart, so others can choose the one to use.Will you help by adding this to the next release? I believe it will help a lot with people identifying where the cart and checkout is.
Thank you again!
Gary
In reply to: Please contribute and translate Enfold
Hey!
Looks like WPML and LayerSlider is not compatible with each other yet. You can create a different slider for each language.
http://wpml.org/forums/topic/how-to-translate-layerslider-wp-text/
Best regards,
IsmaelIn reply to: Help With Shopping Cart & Add To Cart CSS Options
Hi grpetz!
1) You can request such feature here https://kriesi.at/support/topic/enfold-feature-requests/
2) Please add following code to Quick CSS in Enfold theme options under Styling tab#top .cart_list.product_list_widget { display: none; }Best regards,
YigitIn reply to: Image spanning from header to footer
Hi Peter, thanks for your reply. It works, but since the image is added in header.php the image appears in all the rest of the pages, just without the css class. I tried adding a display: none to an extra class without .home in front but then the bottle disappeared everywhere. I’m missing something here. Hope you can help. This is what I tried:
.home .bottle{
width: 153px;
height: 737px;
position: absolute;
left: 75px;
top: 54px;
z-index: 1000;
}
.bottle{
display: none;
width: 153px;
height: 737px;
position: absolute;
left: 75px;
top: 54px;
z-index: 1000;
}Best regards
/MichaelIn reply to: Option to show only the Socket (Footer) on a page
Hi!
Try 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:
#top.page-id-16051 #header { display: none; }Regards,
DevinIn reply to: Externe Bilder und Scroll to Top icon
Hey dreirad!
1) Did not understand, sorry :/
2) Please refer to this post https://kriesi.at/support/topic/back-to-top-button-broken/#post-179730 and let us know if issue remainsBest regards,
YigitIn reply to: Remove featured image from top of blog post
In reply to: Remove featured image from top of blog post
In reply to: Remove featured image from top of blog post
Hi,
Try with this one instead:
.single-post .post-entry .big-preview{ display: none !important; }Regards,
JosueThere have been some requests for being able to place a Masonry Gallery on a color section layout element in the Avia Layout Builder.
I have a solution, and it’s not terribly difficult, but it requires some diligence to manage the gallery with updates and your ability to edit short codes directly. If you are not comfortable with this, DO NOT try this at home. You will/might loose all the code for your Masonry gallery and will have to rebuild it again in Avia Layout Builder. A bummer. You’ve been warned. :-)Here is what worked for me to achieve a framed gallery that is a default 1000px wide centered in the main content area and browser window. The code below produces the screen capture attached. The key thing that makes it work is wrapping the Masonry Short code inside a DIV and manually pasting the Masonry shortcode inside
[ av_one_full first ]
You will have to do this in the editor directly after you have built your Masonry gallery in the Avia Layout Builder.[av_section color='main_color' custom_bg='#433A08' src='' attachment='' position='top left' repeat='no-repeat' attach='scroll' padding='default' shadow='no-shadow' id=''] [av_one_full first] <div> [av_masonry_gallery ids='38,39,37,36,35,34,13' items='24' paginate='pagination' size='fixed masonry' gap='large' overlay_fx='' caption_elements='title excerpt' caption_display='on-hover' container_links='active' id='' custom_class='noLightbox floatbox naked fbsquarecorners'] </div> [/av_one_full] [/av_section]Ignore the custom_class settings above. They are for the site here, not yours. Leave it blank, unless you have special classes assigned to your Masonry Gallery. 99% of the folks will probably not have any, so don’t worry about it.
HERE’s the CATCH! The caveat is If you go back and edit your Masonry Gallery with the Avia Layout Builder at a later date, the edits to your manually added DIV wrapper will be overwritten when you save the revised Masonry Gallery with the Avia Layout Builder. This is either a bug, or done by design. I don’t know. So keep all of the template structure and code cut and pasted as a backup inside a text editor. When you have revised your gallery, overwrite your new short code revisions by pasting them inside the
[ av_one_full first
tags in backup file.Please realize this is not an official way to edit the Masonry gallery, so if you have issues, you are probably on your own with regards to support. Try it. If it works for you great. If not, Oh well :-(
Good luck.
In reply to: Remove featured image from top of blog post
Hi Josue,
That code didn’t work. When I pasted that in, it removed the featured image from my blog roll. What I am trying to do is set a featured image that won’t show up on the actual blog post, but rather just in the blog roll. I am using a different image as a header image for the blog post so haven’t two images at the top of the blog post is not right.
Any help on this?
Hi
For the DROP DOWN on my website, I want to highlight the current page I am on with a different color or make it bolder.
http://optizign.org/sitepreview/personaltouchdental.com/
The TOP MENU currently has this however if I am on a page within the DROP DOWN it doesn’t highlight the current page.
Topic: Can't Click Menu Item
We have this site in development: test.dorianagency.com.
There is a sub-menu item under the About Us link (top menu). When we try to click on the link for “Meet the Team”, we are unable.
This is in Windows 7 using Firefox 24.0.In reply to: Have image overlay always display
Hey!
It is done: http://greaterclarity.staging.wpengine.com/ (hosted on WPengine)
I modified js/avia.js, replaced this (431-490):
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.3; 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); } });With this (431-479):
elements.each(function(e) { var link = $(this), current = link.find('img:first'), url = link.attr('href'), span_class = "overlay-type-video", opa = link.data('opacity') || 0.3; 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'}); } } 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"}); } });Final file: http://greaterclarity.staging.wpengine.com/wp-content/themes/enfold/js/avia.js?ver=1
Cheers!
JosueHi lifeb00th!
1) I am not sure if i understood you clearly. Can you post a screenshot?
2) Please see this post https://kriesi.at/support/topic/footer-edit/#post-182430Regards,
YigitIn reply to: Have image overlay always display
In reply to: Portfolio UI elements disappear on mobile view
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.responsive #top .avia-post-nav { display: block; }Regards,
YigitIn reply to: iPhone Fuzzy Blog Text
Hey Jonathan!
Please refer to this post https://kriesi.at/support/topic/retina-images-and-fonts-in-portfolio-grid-theme-enfold/#post-164007
and let us know if issue remainsRegards,
YigitHi!
Please refer to this post for mobile menu https://kriesi.at/support/topic/collapsable-menu/#post-165144
It will enable you to change the width to switch to mobile menu.
Can you post a screenshot showing sidebar issue you are having?Cheers!
YigitIn reply to: Logo Re-sizing Issue 2.4, other topic closed
Hey!
Add this code to the Quick CSS:
.logo img, .logo a { max-height: none !important; }Cheers!
JosueIn reply to: breadcrumb zu lange
Hi gmmediadienste!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.title_container .breadcrumb { left: -3px ; margin-top: 15px; } .title_container { height: 65px; }Should look like this http://i.imgur.com/SDf2fLk.jpg
Best regards,
YigitThe logo was hidden, but “youtube” text displays at the top instead. I really need the YouTube to present correctly, with no YouTube logo/text and no recommended videos at the end.
In reply to: Padding for Submit Forms
Hi serverlift!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
#top input[type="text"] { margin-bottom: -5px; }Cheers!
YigitWell, that’s a start. But not completely there. So, I decided to dive in myself. To make the entire .avia-icon-list-container take up less content area requires substantially more CSS involving edits to the children H4, P, line-heights, margins and various other things. It’s a matter of taste and you will have to fiddle with several things to make it work for your site. I offer some code snippets and comments to aid you in doing what you want, along with before and after screen captures to see what the results will look like. I am not completely sold on what I made here and think it can be tweaked more, but it should give you the nuts and bolts to get the job done for your site. Please note that .page-id-734 class relates to my installation here. Your mileage may vary. You may want to change things globally, or perhaps you can make a Class wrapper to selectively control specific Icon Lists within the Icon List page editor. Enable the custom CSS Class settings in your functions.php file in your child theme for the latter. Search this site for the code block to enable that feature.
In my opinion, there should be some options on the back-end for doing this automatically as mentioned in my previous post above. If you folks at Kriesit.at want to use this code base as a baseline for improving a more automated method, I think folks will welcome it.
Cheerios and good luck.
.page-id-734 .avia-icon-list LI { /* margin-top: minus top property tightens up the spacing between each topic item margin-left: minus left property shifts the entire icon list container back to the left due to the margin-left settings in .iconlist_icon that recentered the dotted lines */ margin: -20px 0 0 -17px; } .page-id-734 .avia-icon-list .iconlist_icon { height: 40px; width: 40px; font-size: 22px; line-height: 40px; /* margin-left: Important to do here - recenters the dotted line margin-right: gives space right of the circle for adjacent text */ margin: 0 30px 0 13px; } .page-id-734 .avia-icon-list-container .iconlist_content { font-size: 12px; /* line-height: tightens up paragrapgh content under the item heading */ line-height: 17px; } .page-id-734 .avia-icon-list-container H4 { /* Resizes the Item Heading */ font-size: 13px; }
Topic: Changing social icon colors
Hi How can I change the social icons and top menu color? I want it to be different than my menu color. I have tried a bunch of CSS but nothing worked. It stays the same color as my header font color selection in theme options.
Hello Kriesi Team,
2 kleine fragen.
1) wir würden gerne im easy slider externe Bilder (webcams, die somit automatisch updaten) über externe URLS einbinden. Selbiges allenfalls beim normalen “Image”. Beides erscheint uns nicht möglich! Kann das sein oder gibt es eine workaround?
2) das Scroll to top Icon (rechts unten) hat bei uns keine Pfeil mehr (z.B: http://goo.gl/CbSsX1) Wie können wir das ändern?vielen dank und lg
Topic: ::selection background-color
Tried searching the forums, but couldn’t find anything related to Enfold.
How can I change the background-color for text selection? Have tried adding the following to my custom.css:
::selection {background-color:#ef7c0b!important;} ::-moz-selection {background-color:#ef7c0b!important;} ::-webkit-selection {background-color:#ef7c0b!important;}Yes, even with !important it still doesn’t work.
As far as I understand, the color used for background-color of text selection is the same as the one added in the theme settings in WP. Yet, as I have already mentioned in a previous topic several months ago, I cannot add my specific company color to the theme settings. So how can I overwrite that different color, or is there a way to solve that bug?
In your Theme settings -> Styling -> Main Content -> Primary Color, try adding the following #EF7C0B. You will see the C is replaced by a D. Seems like a minor change, but try filling 2 squares with each color, you’ll see the difference. For my company, it’s important to get it right.
Hi
I am disruptivevision, I have already created this topic, but i didnt get proper solution.
The # links are not working properly, when we click on same page it is working fine. but when we navigate from other pages it is not working properly. The website is live, http://www.disruptivevision.com.Please could you help me on this.
Thanks
In reply to: Responsive Design breaking some parts
Hey!
1) Please refer to this topic for menu overlapping issue https://kriesi.at/support/topic/collapsable-menu/#post-165144
2) You can add following code to Quick CSS in Enfold theme options under Styling tab to hide social icons on screens smaller than 522px and change its position on screens smaller than 767px@media only screen and (max-width: 767px) { .responsive #header .social_bookmarks { width: 25%; }} @media only screen and (max-width: 522px) { .responsive #header .social_bookmarks { display: none; }}3) You can add following code and adjust it to make h1 inline with video
.home .template-page .entry-content-wrapper h1 { margin-top: -5px; }Best regards,
YigitIn reply to: Current Page link color in drop down
Viewing 30 results - 137,671 through 137,700 (of 142,822 total)
