How feasable is it to display the Masonry Portfolio in boxed width?
I started making some adjustments here but it still needs refinement and the responsive stops working.
.av-masonry-container {
width: 1035px !important;
float: none !important;
margin: 0 auto !important;
}
.av-masonry-entry {
width: 38.9% !important;
}
Ok, I was able to get the icon in there but it does not work with the small fixed header. Is there an easy fox for this or do I need to think about another menu style option?
Also, the top-top nav bar. The one with social icons and secondary menu. Will that support a drop down function as it is or would that require custom code?
Thanks,
Hi!
You can use a video as a “background” layer in LS, it will work fine if you only have one slide, but the problem is that the video will stop when the slide changes, the only solution i see is to use a Color Section > Easy Slider, which works:
http://www.prismcareernetworks.com/prism_wordpress/video-test/
Please note that this is a LayerSlider limitation, right now you can only set a background image for a slider.
Best regards,
Josue
Thanks a lot Yigit,
it’s working!
hi team, enfold is supposed to be retina ready. but how can i manage that? i read the topic about editig theme framework files – but i use a child theme and copying the framework files into the child theme folder and changing the php for the logo size didn’t work out. please could you explain a way to this feature?
Hi!
Sorry i thought you wanted to remove dropdown only. Please use following code instead
.cart_dropdown { display: none; }
Regards,
Yigit
For some reason when I add that to my php, it makes my site not function. Maybe I added it to the wrong place in the php file but I tried it at the top, middle and bottom.
Thanks Yigit, thanks for prompt reply.
After adding above code in Quick CSS, things appear as before but only dropdown display become disable. If i hover mouse over it then there is no display of products added into cart.
In order to rid of Cart Icon, label and amount from Manu, what further has to be done?
Regards,
Hi!
Please add following code to Quick CSS in Abundance theme options under Styling tab
.cart_dropdown .dropdown_widget { display: none !important; }
Regards,
Yigit
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) {
.responsive .mobile_slide_out .logo {
margin-top: 25px;
}
#header_main .social_bookmarks {
position: absolute;
top: 15%; }}
Best regards,
Yigit
Hi there,
This is something I just can’t seem to fix, no matter how much I fiddle. On this page http://goo.gl/V8XmFP there is a layer slider at the top.
Normally the slider has 2 slides with the same background image for both. In the general setting of the slider I have no background image.
The background image is of people sitting at a desk.
The problem many of our visitors have is that it takes ages for the initial slide to trigger and they end up with a large white space at the top of the page for a while. It’s not to do with network bandwidth (although that makes it worse). Tracing things, the background slide image on initial load sometimes takes 2-3 seconds to even *think* about loading. I have the image in cache, so download times are not causing this. It’s like the 1st slider takes a while to start to show.
I thought that I could fix this by adding a background image to the general settings so it can display before the 1st slide starts to display. Although this helps, the general background won’t stretch to fit, so the overall layout gets screwed.
Right now I have the general background image and the same image on the slider too, but this causes a funny effect, depending on the width of the browser due to the slide stretching to fix vs the general background not.
Is there a way to fix this? I tried some CSS to force the background to stretch I picked up from another support ticket, but it didn’t work:
.ls-inner {
background-image: url(—image url here—);
background-size: contain;
background-repeat: no-repeat !important;
background-position: center center !important;
}
I entered a reply to a topic and got the Google “Oops” message. I then tried to reload the page and got the same message.
My response was asking for a clarification on the issues with Jetpack. I have used this extensively on other sites because if provides a lot of excellent widgets not found in most themes. After I activated a few of the more popular widgets and went to the widget area, not one of them showed up as available. This is a hugely popular plug-in and I can’t imagine it is not compatible with Enfold.
Thank you Yigit,
30px seemed not to be enough so i did 45px, now the logo looks good on iphone. Unfortunately i have a problem with the social media buttons now. They are pushed in front of the logo, so it looks really massy. Is it possible to put the whole social media buttons on top of the page but only for mobile devices?
This reply has been marked as private.
Hi,
I am using Abundance theme for my shopping site with plugin WooCommerce Cart Tab (Displays a sitewide link to the cart which reveals the cart contents on hover.)
What to be done to remove cart option at top? as i don’t need it.
thanks,
I have added the code to function.php and the new fields are there however when I apply in the CSS it does not work.
Here are some examples of what I am trying with developer id = “asset-index-toggler”
Example 1:
#top #asset-index-toggler .js_active .toggler {
-moz-user-select: none;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: block;
font-size: 20px !important;
margin: 0;
padding: 8px 7px 10px 50px;
position: relative;
top: 1px;
}
Example 2:
#asset-index-toggler .js_active .toggler {
-moz-user-select: none;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: block;
font-size: 20px !important;
margin: 0;
padding: 8px 7px 10px 50px;
position: relative;
top: 1px;
}
Example3:
.asset-index-toggler .js_active .toggler {
-moz-user-select: none;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: block;
font-size: 20px !important;
margin: 0;
padding: 8px 7px 10px 50px;
position: relative;
top: 1px;
}
If I leave out “asset-index-toggler” then it applies the styling to all togglers which I dont want.
I have cleared cache and all those good things and still nothing.
Please advise, thanks.
Hi Devin, Peter or Ismael
Now I have taken away WPML-plugin and updated maximized all the slides. Then I have made two menus – the top-menu in
English and the regular one in Swedish.
Now the page is much faster – but I will still have to do the W3 Total Cash, CDN and other stuff to speed up the loading time.
But there are three problems to solve and I hope you can help out;
1. How do I allocate the English blog-posts to the English blog-page http://www.kindbo.com/blog/
2. Can you help me put an English flag just in the end of the English top menu and a Swedish in the end of the Swedish menu?
3. And how do I do to make the top menu as high as the regular menu?
With these tweaks I think it could work and it feels like I don’t have to change to another theme.
Hope for your help!
Eva
Social links in the top of the page workes fine.
The 6 icon box links works fine (Hjemmeside, WebApp, Grafik, Foto, Video and E-mail)
The social links in “Om Nordstrom” does not work.
The portfolio, does not open when clicked on”
I am using an Android, and it is the sam on an iPhone
Hey!
You can try to push the progress bar down with this css code – I recommend to insert it into the child theme style.css or into the quick css field:
.gform_wrapper .gf_progressbar_wrapper {
margin-top: 60px;
}
Best regards,
Peter
Hey!
Seems dynamic enfold.css isn’t being updated with the Quick CSS, try putting the code in css/custom.css in the meantime:
@media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks {
top: -15px;
}}
Regards,
Josue
Hi!
If you want to replace the default avia.js file with a custom version insert this code:
if(!is_admin()) add_action('wp_enqueue_scripts', 'avia_register_child_frontend_scripts', 100);
function avia_register_child_frontend_scripts()
{
$child_theme_url = get_stylesheet_directory_uri();
wp_dequeue_script('avia-default');
//register js
wp_register_script( 'avia-default-child', $child_theme_url.'/js/avia.js', array('jquery'), 1, true);
wp_enqueue_script( 'avia-default-child' );
}
into your child theme functions,php file and then place the custom avia.js file into your child theme folder (url path must be wp-content/themes/enfold-child/js/avia.js ).
Cheers!
Peter
Hey!
Please use the code I posted here: https://kriesi.at/support/topic/nextgen-gallery-with-enfold-background-fade-with-chrome-not-working/#post-246439 instead of Ismaels code. The child theme name doesn’t matter.
Best regards,
Peter
Hi!
You can update the po file easily. Install the plugin ( http://wordpress.org/plugins/codestyling-localization/ ), go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and select your language and click on “Rescan” to search for all text strings. Afterwards click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner). If you can provide a link to the updated Russian po/mo file we’ll include it with the next update – then you don’t need to update your translation files over and over again.
Regards,
Peter
Hi 3tuser!
Unfortunately the “the server didn’t respond” error is very generic and doesn’t help much because it just tells us that the server stopped to process your request. Maybe the ziparchive class ist not installed – it’s a standard php class: http://www.php.net/manual/en/class.ziparchive.php and required for the font uploader. If it’s not installed/activated please contact the server administrator and ask him to activate/install it for you. If the ziparchive class is not the problem please provide a php error log which helps us to identify the problem.
Cheers!
Peter
Hey Eymata!
Try with this code:
#scroll-top-link {
display: none !important;
}
Cheers!
Josue