Sorry I thought you had them from the previous replies.
Suggested Fix:
#top .flex_column.av_one_third {
width: 100%;
margin-left: 0;
}
My Response:
That works somewhat for pages that have 3 columns but pages that have 4 or the footer which has 4 still has the problem. Any new pages that I create seem to work fine. Why is it that all of the pages I created before the update no longer work? I don’t want to have to rebuild the pages. With the fix that you sent, the images from the first row get stacked tight up against each other when it goes to mobile while the images from the other rows all have wider spacing between them when they go mobile.
Some of the pages that are having the issue:
http://startwishing.com/thewater/
http://startwishing.com/product-specs/
Looks like it was pulled out of the grid or the inheritance got messed up a bit. You can add this to your custom.css file inside of the mobile only media query:
#top .flex_column.av_one_third {
width: 100%;
margin-left: 0;
}
First, apologies: I’ve submitted this twice and both times neglected to put a topic title, couldn’t find my posts as a result, and no doubt have caused you time and trouble Very sorry about that.
Now that I’ve recovered:
In Chrome, my very simple homepage reacts unexpectedly awful (looks great in Firefox and, well, as expected in Explorer 11). The problem is the huge white space (nearly the whole screen while scrolling in Chrome) between a colorbox with fixed image and the element (icons) just above it. I’ve also noticed that the fullscreen slider (which is working ok here) is highly sensitive in Chrome to the slightest adjustment in page elements (the image lags and jerks/doesn’t scroll at all smoothly), so I’m hesitant to change anything much.
Anyway, I’m adding my site credentials in the post just after this in case you need them.
Thanks!
Hey!
Can we see your site and an example? The order should allow for your styles to take priority but it may be as simple as giving yours an additional selector like #top or something like that.
Best regards,
Devin
Hi covertross!
HTML within the table items isn’t supported. The way the theme outputs the mobile tables is that it rebuilds the raw data into a new table.
You can instead target the table items and style/center them with css or the table options. Ex:
#top.page-id-2805 .avia-table-1 td {
text-align: center;
}
Which targets that specific page by its ID and then that table.
Best regards,
Devin
Why is it that “padding-top: 10px\9” works and adds the correct pixel spacing, but “padding-top:50px\9” does not work, and I see the large gap again? In the screenshot above, we should be seeing a 50px gap above the headline. When I change the CSS to the code listed above, it appears with this short gap. When I change it to “padding-top:50px\9” I see the very large gap under the headline, as shown in the original images posted at top. It seems like a very strange bug – please let me know if there is a solution to get this to appear correctly in IE8. Thank You.
Ismael,
Here it is another web with enfold theme which have the social icons in the right of the top menu like i want.
http://killerphotography.com/
Raúl.
Thanks for making the theme, which is a challenging but manageable tool for a filmmaker like me. I have a question, though.
When I change the body background color in the styling tab of the (child) theme, nothing happens on my website.
Following the advise in another topic on this subject (“Make sure that this file: http://interpeople.co.kr/wp/wp-content/uploads/dynamic_avia/enfold_child.css has at least chmod permissions 775 so that it can be written to by the theme.”), I changed the chmod permission into 775 in the above mentioned css file. Nothing happens though, whatever color I choose.
Right now I have put a grey image instead, but I would like to be able to change the color with the styling tab.
My website (in development): http://connybeneden.nl
What am I doing wrong?
Thank you!
I think my case is similar. I have a ajax portfolio grid-gallery. I added this line to custom.css:
.portfolio-preview-image .avia-gallery a.avia-gallery-big{ pointer-events: none; }
which stops the big picture from displaying the lightbox.
On the thumbnails, I want to disable the lightbox and change the pointer to be an arrow instead of a hand. When you move your mouse over the thumbnail I still want it to display the thumbnail picture as the big picture. Do I need to make the changes mentioned in post #214941?
Thank you for your great support!
Exactly!
It’s also strange that is does work on some pages, randomly.
When adding some text or something it could stop working. Very strange
Hey ryan_wallis!
Your background image css actually sets the background to white:
#main, .html_stretched #wrap_all {
background: url("http://backup.mcewan.co.za/rich_grill/wp-content/themes/enfold/images/background-images/fullsize-background_main_content.jpg") no-repeat scroll center top #FFFFFF;
}
The #FFFFFF should be the color you want the background to be.
Cheers!
Devin
How do i specify the colour of background if I’m using a background image for the page but the content pushes down further than the length of the background ing?
http://backup.mcewan.co.za/rich_grill/menu/#top
scroll to the bottom of the page and you will see the white strip coming through between the content and the footer.
In one of my previous posts you got the icon list to line out in the middle of the picture next to it
(https://kriesi.at/support/topic/vertically-align-icon-box-next-to-easy-slider/)
No all that has been undone and the Custom class box has disappeared. Is there an other way to bring this functionality back?
Thanks in advance
Our Communications and Product Marketing Manager is screaming mostly all day because she is thinkling our Webpage is broken.
Becuase she is logged in into the backend and when she is switching to the frontend all the elements which are animated via avia-layout-builder are hidden (some half-transparent)
I think the problem is because of the black admin bar at the top (screenshot)
http://www.apprupt.com/blogv4/wp-content/uploads/2014/02/login.jpg
-
This topic was modified 12 years, 1 month ago by
Liminalty.
Hi!
This is a bug of the WPML plugin. I posted a fix in this thread: https://kriesi.at/support/topic/the-post-still-shows-8-comments-when-there-are-none/#post-178386
In /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/postslider.php replace
$commentCount = get_comments_number($the_id);
with
//$commentCount = get_comments_number($the_id);
$commentCount = $entry->comment_count;
and the comment counter should work.
Best regards,
Peter
Hello, first of all well done, it’s a beautiful theme.
I was just wondering if it’s possible to put the main nav menu below the main image (top slider)? If yes, what is the way to do so please?
Thanks and keep on the good work! :)
Hey!
When i checked your website header type was different. Please add following code to Quick CSS as well
.fixed_header.social_header #main {
padding-top: 146px;
}
Cheers!
Yigit
Hi!
Please add this on custom.css or Quick CSS:
@media only screen and (max-width: 767px) {
#menu-language-selection li {
width: 100px;
background-position: 73px 0px;
padding-top: 2px;
}
}
Cheers!
Ismael
Hello
I try to add those lines in footer.php:
<ul class='noLightbox social_bookmarks icon_count_3'><li class='social_bookmarks_twitter social_icon_1'><a target='_blank' href='#' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Twitter'></a></li><li class='social_bookmarks_gplus social_icon_2'><a target='_blank' href='#' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Gplus'></a></li><li class='social_bookmarks_rss social_icon_3'><a href='#' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Rss'></a></li></ul>
> The icons are not visible, i just see the background color change on rollover…
I see that someone else has done it, but i do not know how :
https://kriesi.at/support/topic/place-social-media-icons-into-a-widget/
http://www.brixenivy.com/
Thanks
Hi!
I’ll tested WC2.1 with Enfold yesterday and I didn’t find any bugs yet. I found two small styling issues which you can fix with
.woocommerce-account dt, .customer_details dt {
width: auto;
margin-right: 5px;
}
dl.customer_details{
margin-bottom: 20px;
}
#top .my_account_orders a.button {
margin-bottom: 5px;
}
#top.woocommerce-checkout #payment h3{
padding: 1em 1em 0;
}
This is not an official “green light” yet but I’m pretty sure we won’t encounter any major incompatibility issues with Enfold.
Regards,
Peter
Hey ggerber!
The multilanguage plugin is not included but you can purchase it here: WPML.
If you just want to translate the theme to another language (without language switcher, translated post/pages, etc.) I suggest to use the free Codestyling plugin to translate the theme. 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 the “create po-file” button. 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).
Best regards,
Peter
Hi w3developing!
I guess you found a solution (see topic title) :)
Best regards,
Peter
Hi webshop-factory!
Yes, unfortunately this is a wordpress limitation. See https://kriesi.at/support/topic/toppanel-plugin-messed-up-widgets-widget-areas-in-enfold/
Basically the issue is caused by the changing widget area ids and youou just need to reconfigure the widget areas. You can use the “Inactive Widget” section to temporarily store the widgets and to rearrange them before/after you activate a plugin.
Cheers!
Peter
Hello,
once again, thank you for the great theme. I was wondering if it is possible to get the animations in the page (image animations, what customers say animations and so on) work for touch devices too when you.. “touch down”. I see that they are working properly but they appear right at the beginning of page load which is a pity, because you can only see the ones at the top.
Thank you
Emily
Hi There,
Regarding Layer Slider WP in Enfold:
1. I managed to upload one image for the first picture (slide 1) and add all layer animation that I want.
2. When adding image to slide 2, there is an error on the top right. 
3. When I go to Media menu on the left, the image is actually uploaded perfectly and I can see it.
Please help me on this matter. Email me if you need access to my wordpress admin page, I will provide you with access. My email is (Email address hidden if logged out)
Thanks,
Voldi Sinarta
Hi!
The fullscreen slider will always cover the entire screen and scroll with the content. I think you can achieve the “fixed” image effect with a color section though. Insert it at the top of the page, set an image as background image and select “Background Attachment” – “Fixed”. Since Enfold 2.4.5 you can also set a minimum height for the color section (i.e. 50% of the screen height or 100%).
Best regards,
Peter
Hi!
I reported it as a bug to Kriesi. I noticed that the “Fullscreen Slider” element at the top causes the issue. If I remove it the page starts to work with IE8 too.
Best regards,
Peter