Just saw your email now. Even if the padding is removed the iphone images are too small to actually extend the full height of the color section which is the issue I think you are trying to solve (at least on tablets they are).
On mobile, you could use:
#top .flex_column.av_one_half.avia-builder-el-12.el_after_av_one_half.avia-builder-el-last {
margin-bottom: 0;
}
#top #av_section_2 .template-page.content.twelve.alpha.units {
margin-bottom: 0;
}
And put it inside the media query in the custom.css file for mobile only.
Regards,
Devin
When you are inside of a portfolio item and click the top image to zoom in further the light box appears on the bottom of the page just out of view. When you try to scroll to the image it continues to push it down causing a never ending page.
http://thiworks.com/portfolio-2/
Hi Devin, I emailed again yesterday. Basically I just need to know how to remove bottom padding of sections in mobile devices because it keeps adding about 30 px to top and bottom of padding in mobile / responsive layout. This is crucial to get this resolved quickly as site is ready to go live soon.
Thanks much
Sorry. We’ve decided to take another route…
Hi Jasmer,
The icons aren’t actually a single png or entypo icon but instead a combination of both. Eg, the twitter icon is the font character for the twitter bird but the icon background and icon decoration is actually all css. The CSS for which is:
#top .social_widget_icon {
padding: 0;
margin: 0;
height: 30px;
width: 30px;
line-height: 32px;
text-align: center;
float: left;
font-size: 17px;
border-radius: 2px;
background-image: url("/themes/wp-content/themes/enfold/images/layout/bg-button.png");
background-repeat: repeat-x;
background-position: 0 0;
border-style: solid;
border-width: 1px;
}
and
.asc_twitter .social_widget_icon {
color: #fff;
background-color: #46d4fe;
border-color: #46d4fe;
text-shadow: 1px 1px 1px #17ACD8;
}
Regards,
Devin
Glad Ismael could help :)
Let us know if you have any other questions or issues.
Regards,
Devin
Hi,
Check this URL http://www.juls.ch/studios/news/ I’ve make 4 examples.
The strange thing is that the resizing of the image works fine IF I have a sidebar, but I would like to have full width blog posts without sidebar.
Thx for help.
Jul…
Hi everybody
After removing the hover effect by modifying enfold/css/base.css – lines 350 to 356 to :
.image-overlay{display:none;}
.image-overlay .image-overlay-inside{display:none;}
.image-overlay .image-overlay-inside::before{display:none;}
.image-overlay .image-overlay-inside::before{display:none;}
.image-overlay.overlay-type-extern .image-overlay-inside::before{display:none;}
.image-overlay.overlay-type-video .image-overlay-inside::before{display:none;}
#top .hide-inner-overlay .image-overlay-inside{display: none;}
when the image is hovered a blank space appears under it like in: http://sublimearchitecture.ca/services/
I tried
#top.image-overlay {
display:none;
}
but didn`t do nothing. What can I do ?
Thanks in advance for the support
Thanks for the great Enfold theme. Best one we used so far!
Best Regards
Hi sitadi,
Where is this that you are trying to get the effect? Can you point to an example from the theme demo showing the effect?
Regards,
Devin
LayerSlider seems easy enough, but I’m having some issues.
I would like a full width slider as you have in your demo.
I have these settings:
Slider Width: 1140px
Slider Height: 470px
Responsive: Yes
Full-Width Slider: Yes
Responsive under: 1024px
Layers Container: 1140px
(I tried to follow the image sizes of the demo)
The main problem is that if I set the Responsive Under and Layers Container to anything other than 0, then the space is displayed but no images.
I’ve tried all variations and I removed the demo slides. Is there any way I can reset or add the original slides back? Maybe I’m missing something as if I can add those back and use as a guide, that would be nice. But this seemed easy enough to build as a new slide.
Any thoughts?
Thanks!
Matt
For some pages I need to show some input like category names.
For example, I have country names as categories for my portfolio items. This way I can click the country name in the portfolio grid to filter the portfolio items. But when I click a portfolio item I need it’s category name, the country, to be visible again in the details page.
As far as I’ve read on the WordPress site and Google, I need to insert something like ‘<?php single_cat_title( $prefix = ”, $display = true ); ?>’ or maybe even something like ‘<?php get_the_category() ?>’.
I tried adding that rule in single-portfolio.php and loop-single-portfolio.php, but neither did the job. Preferably, I would even need to add these inside my portfolio page layout with the avia layout builder. For example, I want a portfolio image and on the left and on the right a 1/4 column with the category name (among other details).
Any referral to more information on how to add this is definitely welcome, as long as it’ll work with the Enfold theme, ofc.
Hi skoposweb,
You can try upping your php memory limit with one or all of these steps: http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/
Additionally, disable any active plugins you have running and try it out again in case a plugin is causing a conflict.
Regards,
Devin
was using chrome earlier tried it with Firefox still having same issue. :(
I have an image with a 3d character (full body from top to bottom) and uploaded as “image1.jpg” with size let say 600x1500px.
I want to display it on my home page under news update section with size 400×400 (showing cropped face of the same character only) by using the same “image1” and when you click on it, it will open another full news page with “image1” full resolution i.e. 600x1500px.
My point is I don’t want to upload the same image two times (i.e. 600x1500px and 400x400px). I want to use the same image with different cropped sizes.
So is it possible to do that?
Hi Devan,
Thanks for your response.
1) I’m not sure how the Corona theme is still showing or affecting the Enfold theme. I’ve only changed the custom.css file and added the Enfold Portfolio Coding into these pages. Can you please advise how to get this working as Enfold?
2) Can you tell me the width of the central section please then I can change the images to fit based on how many columns I’ll use. The image size info in functions.php is only thumbnails not the width of the website design.
Thanks, Siobhan
Hey!
Can you post a link to your website please?
Best regards,
Peter
Hey!
Open up wp-contentthemesenfoldincludesloop-portfolio-single.php and comment out/delete following code
$thumb = get_the_post_thumbnail(get_the_ID(), $avia_config['size']);
if($thumb) echo "<div class='page-thumb'>{$thumb}</div>";
Best regards,
Peter
In Woocommerce using Enfold my product image is not scaling properly and is getting cut off. Not sure what I am missing.
Mike
Hi Siobhan,
In the functions.php file you can find all of the thumbnail sizes that the theme generates for each image uploaded.
Regards,
Devin
Hi Siobhan,
1) The example there is using the Corona theme and is only showing the slideshow at the top.
2) The image is getting scaled to fit the width. Then whatever height the image ends up is what you get as a result. So if you want to have a consistent size, you should use the same exact image size or ones with the same ratio of width to height.
3) Again, this page is loading up the Corona theme for me as well.
Regards,
Devin
Before anything else, try updating to the just released 1.7.1 which has some bug fixes and may help. In addition, re-create that page completely by removing the portfolio item-saving-then re-add it in.
Hi Ismael,
Here’s a screenshot of my portfolio grid setting.
http://www.rocketscream.com/images/PortfolioGrid.png
I think the settings are correct but the category sorting is just not showing at all.
Hi DavyE,
You can change the url for the image in the individual portfolio item options under the regular visual editor with the “Overwrite Portfolio Link setting option”.
Regards,
Devin
I just tried the above. Switched theme to twentytwelve and saved post (Home page to be specific). I saw the contents of the Avia builder.
Then I went to wp-config.php and updated the code as shown in the New.png screenshot.
Reactivated the Enfold theme and alas, both Default and Advanced Editor (Avia Builder) are blank. Advanced Editor just doesn’t want to display.
http://images.intuition-designs.com/screenshots/New.png
At a loss here.
I found that the bug also exists on the demo site:
http://kriesi.at/themes/enfold/portfolio/
switch multiple times between categories and you will see some tooltip titles do not match the actual portfolio title when u hover over them.
It is hard see it at the demo page cuzz many items have the same name. For example:
when u start at cat “all” go to HTML to PSD and then back to HTML. Hover over the 4th item “Single Portfolio 2/3 Video” (with the purple image) it shows “Single Portfolio 2/3 Gallery”
However this only occurs in IE9 for me.
Enfold does not work properly with the latest version of Google Chrome. Here’s an example page: http://www.aqb.com/quickbooks-enterprise/.
If / when the page actually does load completely in Chrome, it takes about 2 minutes. Usually, the slider and images won’t load at all. Other than Chrome, this theme seems to work fine in all other browsers I’ve tested (IE, FF, Safari). Please advise if there is an upcoming update to the theme that will fix this issue.
Redownloaded the latest 1.7 and increased my Memory limit through 5 different methods and it still does not work. Have you considered it to be a possible database error? I’ll set you up with access if needed.
Please fix this, I see you closed the topic on the guys other thread before confirming it was fixed.
Here are some screenshots:
http://images.intuition-designs.com/screenshots
Hi ayush_x,
What browser are you using to upload your images? It sounds like Ismael was able to do so on your installation without any issue which sounds like a browser specific issue. Try downloading and using either Chrome or Firefox (whatever you aren’t using now).
Regards,
Devin
Hello —
I love the theme. Thanks for making it. :-)
My question:
I have a logo that is rather large (185 px square) — transparent PNG.
I would like to have this image float above everything else in the header area.
A representation of this image could be seen using picpaste image paster… — the logo would be where the blue paintbrush area is…
http://picpaste.com/topbanner_logo_area-Ps0uCJil.jpeg
When the page scrolls and the “enfold” logo gets smaller, I would like to control the size of that graphic as well.
Can you tell me how you would recommend:
— making the image float above everything else on the page (because it would be halfway in the header area, and halfway into the slideshow area)
— where to adjust the size of the graphic when it gets smaller…
I know this is in the CSS but I always have a great deal of trouble finding exactly how and what to modify! :-(
Thank you!