-
Search Results
-
In reply to: Icons and Fonts
In reply to: Separator Icons not centered on mobil device
In reply to: Magazine Customize
Hey Manuel!
Thank you for using Enfold.
Yes, this is possible but you have to modify the config-templatebuilder > avia-shortcodes > magazine.php file directly. There are a few threads with the same issue. You can try the solution provided on the following link:
https://kriesi.at/support/topic/magazin-element-visible-extract/
https://kriesi.at/support/topic/parent-and-child-functions-php-no-longer-responding-after-update/
https://kriesi.at/support/topic/show-excerpt-in-all-magazine-blog-list/Regards,
IsmaelIn reply to: Masonry Grid and related light boxes
Hi smallisland!
Thank you for using Enfold.
Sorry for the delay. There is no element available in the builder that can do this options by default but we can try the following method. First, add a color section in the page then add a unique id in the Section ID field. Use “section-gallery” for example. Add a code or text block inside the color section then use the following code:
<div id="av-grid-lightbox" class="av-layout-grid-container entry-content-wrapper main_color av-flex-cells"> <div class="flex_cell no_margin av_one_fourth av-zero-padding" style="vertical-align: top; padding: 0;"> <div class="flex_cell_inner"> <div class="avia-image-container av-styling- avia-builder-el-6 avia-builder-el-no-sibling avia-align-center "> <div class="avia-image-container-inner gallery-wrap noLightbox"> <a class="galleryItem" href="http://dummyimage.com/600x200/000/fff.jpg" data-group="1"> <img class="avia_image " title="Abducted (131)" src="http://dummyimage.com/600x200/eee/000.jpg" alt="" /> </a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="1"></a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="1"></a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="1"></a> </div> </div> </div> </div> <div class="flex_cell no_margin av_one_fourth el_after_av_cell_one_fourth el_before_av_cell_one_fourth av-zero-padding " style="vertical-align: top; padding: 0;"> <div class="flex_cell_inner"> <div class="avia-image-container av-styling- avia-builder-el-6 avia-builder-el-no-sibling avia-align-center "> <div class="avia-image-container-inner gallery-wrap noLightbox"> <a class="galleryItem" href="http://dummyimage.com/600x200/000/fff.jpg" data-group="2"> <img class="avia_image " title="Abducted (131)" src="http://dummyimage.com/600x400/000/fff.jpg" alt="" /> </a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="2"></a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="2"></a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="2"></a> </div> </div> </div> </div> <div class="flex_cell no_margin av_one_fourth el_after_av_cell_one_fourth el_before_av_cell_one_fourth av-zero-padding " style="vertical-align: top; padding: 0;"> <div class="flex_cell_inner"> <div class="avia-image-container av-styling- avia-builder-el-6 avia-builder-el-no-sibling avia-align-center "> <div class="avia-image-container-inner gallery-wrap noLightbox"> <a class="galleryItem" href="http://dummyimage.com/600x200/000/fff.jpg" data-group="3"> <img class="avia_image " title="Abducted (131)" src="http://dummyimage.com/600x400/eee/000.jpg" alt="" /> </a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="3"></a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="3"></a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="3"></a> </div> </div> </div> </div> <div class="flex_cell no_margin av_one_fourth el_after_av_cell_one_fourth avia-builder-el-last av-zero-padding " style="vertical-align: top; padding: 0;"> <div class="flex_cell_inner"> <div class="avia-image-container av-styling- avia-builder-el-6 avia-builder-el-no-sibling avia-align-center "> <div class="avia-image-container-inner gallery-wrap noLightbox"> <a class="galleryItem" href="http://dummyimage.com/600x200/000/fff.jpg" data-group="4"> <img class="avia_image " title="Abducted (131)" src="http://dummyimage.com/600x200/000/fff.jpg" alt="" /> </a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="4"></a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="4"></a> <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="4"></a> </div> </div> </div> </div> </div>After that, add the following php code in the functions.php file and css code in the Quick CSS field:
PHP:
// custom lightbox function add_custom_script_lightbox(){ ?> <script> (function($){ $(document).ready(function() { var groups = {}; $('.galleryItem').each(function() { var id = parseInt($(this).attr('data-group'), 10); if(!groups[id]) { groups[id] = []; } groups[id].push( this ); }); $.each(groups, function() { $(this).magnificPopup({ type: 'image', closeOnContentClick: true, closeBtnInside: false, gallery: { enabled:true } }) }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script_lightbox');CSS:
.mfp-ready .mfp-figure { opacity: 1; } .galleryItemSet { display: none; } #section-gallery .container, #section-gallery .template-page { padding: 0; }The gallery set is distinguished by the data-group attribute. Let us know if that’s what you’re looking for.
Regards,
IsmaelHi,
I’ve added css to allow sidebar to extend to bottom of page with background color using this CSS:https://kriesi.at/support/topic/color-change-in-sidebar/#post-245767
@media only screen and (min-width: 768px) {
.container_wrap.sidebar_right{
background:-webkit-gradient(linear,right top,left top,color-stop(red,0.295),color-stop(white,0));
background:-webkit-linear-gradient(right, red 29.5%, white 0%);
background: -moz-linear-gradient(right, red 29.5%, white 0%);
background: -o-linear-gradient(right, red 29.5%, white 0%);
background: linear-gradient(right, red 29.5%, white 0%);
}
}It works, except in Chrome, a white line appears along the left edge of the sidebar below the sidebar content instead of a nice 1px line border along the left side of the extended portion of the sidebar (works in Firefox and IE)
In reply to: Portfolio grid tweaks
Hi,
Glad we could help, please let us know if you should need any more help on the topic.
Best regards,
RikardHi Chad,
Great, glad you got it working again. Please let us know if you should need any more help on the topic.
Best regards,
RikardIn reply to: Page Title Incorrect
Hi Ismael,
I think it is easier I just solve it with Yoast from now on. I can override with that I assume. Thank you for your help.
You can close this topic.
Thanks!
Jas
In reply to: Move Text Block within Color Section
Hey Jeaneeux!
Add this to a codeblock element in that page.
<style type = "text/css"> #av_section_1 .av_textblock_section { top: -100px; position: relative; } </style>Cheers!
ElliottHi, I have customise my accordian by following topics on the forum but I couldn’t find any topic on giving some hover effect on the content in accordian.
Is it possible to make some hover effect,like text will be highlited of the content in accordian, like this sample 
thank you
Hi,
I am having a really frustrating time with various mobile break points for font sizes so that my menu items don’t bump down onto a separate line. If there is an easy solution please stop me here.
What I’ve noticed is that there is a general CSS rule for .container that applies a 50px padding to left and right, which works just fine for my header. What I want to do is get rid of this padding ONLY FOR MY NAVBAR/MENU. When I test this out using Chrome it solves all of my text sizing issues right off the bat.
I’ve tried a variety of #header_main_alternate > .container to get rid of the padding in my custom CSS, using the divs before both, either and neither of these elements. None of these solutions works. Can you please help me get rid of this padding!?
Thanks,
Christin
Topic: stop headline rotator
On my home page main section, I am using Headline Rotator with a video as the section background. For the headline rotator, is there a way to pause or stop the rotator on the last headline. I know that option is available within Easy Slider but do not see it for Headline Rotator. Is there some css to create this?
In reply to: LinkedIn share not pulling images and tags
Hi Basilis,
I removed the fix I applied from this thread: https://kriesi.at/support/topic/social-sharing-buttons-2/, and at least I no longer get the error when I try to share, but it still shares only the page name and site name, no image/title tags even though the OG tags exist and are pulling fine on Facebook and Twitter.
Any ideas on how to get it to pull the image, title and meta description?
Hello! I’ve noticed today that most of the animated elements on our site have stopped working. On the home page there are icons that usually fade in and grow in size as you scroll down on the home page: http://www.cogitocorp.com/ There’s also usually a darker background image here behind these elements as well that is missing.
… and on this page, there are usually bars that fill up below each employee’s photo as you scroll:
Any idea what would cause these to break and how to fix them? We’ve had the theme for a few years and haven’t had this happen before. I noticed that WordPress just auto updated, could it be an incompatibility there?
Thanks for your help!
Topic: Text below logo
Hi,
I want to add a short text below the logo without affecting changes to the menu. Unfortunatetly, the older solution seems to be outdated or not complete. I cannot handle these issues without messing up the position of the menu. Could you please write a more up to date version including the css code?Thank you!
Its not responding at all too my inputs.
Perhaps I’m putting in the code wrong? Or it doesn’t recognize the screen parameters? I even tried increasing the height of the overall caption section, so that the text/button will show – nothing. Something like this:
@media only screen and (min-width: 250px) and (max-width: 480px) {
.container.caption_container {
height: 150px
}
}I’ve used css before to manipulate themes, but only on desktop really, to move things around and change colors.
What am I missing here?
In reply to: Blog Post image and title layout
Also, I want to have this same blog post layout throughout other sections and other pages. How would I need to adjust the code in the code block to accommodate this blog post layout elsewhere? I tried adjusting the section within the code but without success. I’m trying to have this layout on the top section of a different page (page link and details below).
Thanks again for all your help and guidance!In reply to: Header transparency problem
I’ve done the update. Thank you, now it’s working correctly on desktop with the page set to transparent header. I’m wondering if for mobile I’ll be able to override the header transparency and have it in position fixed with a solid background. So far in the mobile media
#header_main { background-color: rgba(255, 253, 208, 1)!important; position: fixed; top: 0; left: 0; z-index: 9999; }hasn’t done the job.
Topic: Vertically Align Menu
I’ve had to put a break in the menu items to get them to wrap. Now I was wondering if it was possible to center align the 5 main menu items vertically. Currently they are all aligned at the “top”.
Is this even possible? The url is below.
In reply to: Accordion toggle icon change to entypo-fontello icon
In reply to: Pagination flickering
Hi!
You have following code in your custom CSS
.main_color .rounded-container, #top .main_color .pagination a:hover, .main_color .small-preview, .main_color .fallback-post-type-icon { display: none; }Please change it to
.main_color .rounded-container, .main_color .small-preview, .main_color .fallback-post-type-icon { display: none; }Regards,
YigitIn reply to: Darken Transparent Glass Header
Hey!
Please add following code to Quick CSS
#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext { color: white; }Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
YigitIn reply to: Enfold Mobile Design Changes
You can see the image looks good on the desktop but when you view it on a mobile device it is blurry.
How can this be resolved?
Thank you.
In reply to: Allow logo to expand into the extra info header bar
Hey chandler99!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#header_main { border: none; } #header_meta { background: transparent!important; border: none!important; } strong.logo { top: -20px; }Cheers!
YigitIn reply to: Header picture is not shown in SAFARI
Hey!
Please edit your page and choose not to display header on your page under Layout Section or add following code to Quick CSS
.home #main { padding-top: 0!important; } .home #header { display: none; }Best regards,
YigitIn reply to: Hide Header on Home Page but leave Top Bar?
Hey!
Please add following code to Quick CSS as well
.page-id-3184 #main { padding-top: 31px!important; }Best regards,
YigitIn reply to: Hide Header on Home Page but leave Top Bar?
Okay, that ALMOST WORKED! Top Bar is there now (Yeah!) and Logo and Navigation are gone… but it left a big white space… can you fix that?
check it out: http://davidessel.com/
In reply to: Header picture is not shown in SAFARI
Hi!
Please add following code to Quick CSS
.avia_desktop .av-hover-overlay-active .av-masonry-image-container { opacity: 1; }Can you please elaborate on the first question? :)
Regards,
YigitHey!
could be. Checkt it out and let us know. If yes then try out Elliott’s method and use this inside text editor (on the very top) of the post in question:
[av_codeblock wrapper_element='' wrapper_element_attributes='' custom_class=''] <style type = "text/css"> .wp-caption.alignleft { min-height: 250px; } </style> [/av_codeblock]Regards,
AndyIn reply to: Hide Header on Home Page but leave Top Bar?
Okay, Home Page is Here: http://davidessel.com/ Header Hidden on Home Page, right now I used a code block to insert the social icons, top left. So actually, alghouth it looks like it’s there, the top bar is missing. But, I really want it there – just the top bar:
If you look at an inside page with the Header, you will see that the top bar is there and it’s different, has all social icons set up in theme options – and a Welcome statement on Right. here’s an inside page: http://davidessel.com/services/one2one/
What I want to do on Home Page is this: Hide the Header – but keep the Top Bar, i,e. no logo area, navigation….
Is that Possible?
Viewing 30 results - 102,151 through 102,180 (of 142,941 total)
Is it possible to make some hover effect,like text will be highlited of the content in accordian, like this sample 
