Okay.
And what about the other thing i talked about? Is there an option or an code to get a space between the browser top/button and the header/footer?
Hey!
By default author loop only fetches Posts, try applying this modification to enfold/includes/loop-author.php
Best regards,
Josue
Hi dear Enfold wizards,
I’m not even sure how to express my problem/wish in topic title, but I try my best to explain. In the screenshot you can see what is my goal: slider photo that is all the time as wide as the text area below it, like in boxed layout. But is it possible to have a fullscreen color background for the slider/photo as in the screenshot?
At this point I use fullscreen layout and an image where this pink color is attached to the photo: it of course means that when I scale the page, the photo itself and captions dislocate. This is the thing I’d like to prevent, but how? Is it even possible to create slider this way? There will not be other photos in the slider, only one, but captions and button are needed.
By the way, also the captions and button dislocate and partly disappear when scaling the page: how can I fix that?
Happy for all your answers and help! :)
– Pia
Hi,
everything works fine now! First approach: downgrade of jquery -> problem fixed, 2nd approch: current jquery + replacing avia.js as described here: https://kriesi.at/support/topic/wordpress-4-5/#post-612181 -> problem fixed,
Thank you!
Wordfence has also released a new update. I noticed if you enable the new firewall option it stops showing slider rotator, easy slider,etc.
I dont have the new wordpress or enfold installed as yet…Just a thought?
I don’t think sharing admin credentials is a good idea.
Anyway disabling and reenabling again all top checkboxes on the menu editing page has solved the problem.
Thank you.
My sliders pics and other pics just stop working! help! Help!
Meeting in the morning!!!!!!!!!!!!!1
Hi!
To make the Fullwidth submenu as a toggle menu in mobile version it will take a lot of customisation but you can easily make them appear as a stacked menu by using the below CSS
@media only screen and (max-width: 768px) {
#top .av-subnav-menu li {
clear: both;
width: 100%;
}
#top .av-subnav-menu > li > a {
background: transparent!important;
}
}
Regards,
Vinay
received email from themeforest that a new version of Enfold has been updated….checked it, re-downloaded it, and everything looked good.
Installed it on a test server and by George everything is working =]
Can set this topic as resolved.
Thanks for the quick turn around time whoever updated the theme over there.
Thank Vinnie –
If I wanted it the old way can I just put in this code – so there is spacing on the sides?
/* Fullwidth Insta */
.responsive #top #wrap_all .fullwidth-insta .container {
width:100%!important;
max-width:100%!important;
}
Also I notcied that the rollover boxes dont quite overlap correctly – any suggestions on that? screenshot
Hi,
Great, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi debenm!
Please use the below CSS in Enfold > General Styling > Quick CSS
#after_submenu .container {
padding-top: 50px;
}
Regards,
Vinay
Hey ewingmh!
To enable parallax in mobile please refer to this post by Ismael https://kriesi.at/support/topic/parallax-not-working-for-ipad-and-iphone/#post-607122
Best regards,
Vinay
Hi,
Ok, thanks. Try the following instead:
.pt-cv-content ul {
padding-top: 20px !important;
}
Regards,
Rikard
Hi Rikard
I tried this and failed.
This is how the usual post is (keeping the right hand column working.
[av_textblock size='' font_color='' color='']
The intro
[/av_textblock]
Looking at a grid element with two text boxes within it, it looks like this:
[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='top' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
[av_textblock size='' font_color='' color='']
In the left cell.
[/av_textblock]
[/av_cell_one_half]
[av_cell_one_half]
[av_textblock size='' font_color='' color='']
In the right cell
[/av_textblock]
[/av_cell_one_half]
[/av_layout_row]
So, to put one in the other, I do this?
[av_textblock size='' font_color='' color='']
The intro
<br><br>
[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='top' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
[av_textblock size='' font_color='' color='']
In the left cell.
[/av_textblock]
[/av_cell_one_half]
[av_cell_one_half]
[av_textblock size='' font_color='' color='']
In the right cell
[/av_textblock]
[/av_cell_one_half]
[/av_layout_row]
[/av_textblock]
Needless to say, it doesn’t work for me. The part that is in the grid jumps out and the right hand column area disappears.
It’s a shame it won’t stay in the parent. Am I doing something wrong (I’m sure I am)?
http://Www.secretstash.com
I want my fixed bacground images to work on mobile devices just like they do on the desktop. If Squarespace can do it enfold should be able to do it.
Check it out on squarespace on mobile:
http://www.800degreespizza.com
Hi,
I have a text block element inside of a color section and have given the color section a section ID of toptextarea. I am trying to make it to where the text for this section is smaller when someone is viewing on a smartphone. The code I have added to the “Quick CSS” section is below. It doesn’t appear to be working. What am I missing or doing wrong? (Thanks in advance!)
@media only screen and (max-width: 767px) {
#toptextarea {
font-size: 20px !important;
}
}
-
This topic was modified 9 years, 11 months ago by
chrisbelote.
Hello everyone,
I have created a landing page and on this one page i have a menu navigation that slides down and up pretty much like the one u see on the Enfold Demo
as you can tell when you click the link the page scrolls down with a smooth animation and perfectly stop at it’s destination without any extra pixel down or up.
as with mine on my website that is offline at the moment, i have notice i don’t have that smoothly stop and it always stop 5 or 6 pixel down i always have to scroll little bit up. My question is how can i fix this.
Thank you guys
Hi Leo,
Great, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi,
The content is not lost no, but you won’t be able to see it in the default editor window. If you want to use the default editor and still use builder components you can use the Magic Wand tool (last icon on top row): http://imgur.com/GReRtrs
Best regards,
Rikard
We are using the fullwidth submenu on many of our pages and there is very little padding (maybe 2px) between the menu and the content. What quick css can I add to increase the padding between the bottom of the submenu border and the top of the content.
Example site…
Thanks!
Miles
-
This topic was modified 9 years, 11 months ago by
debenm.
Hey!
We are able to view the homepage and the blog content on the chrome and FF in windows desktop. Could you please refresh the cache and check again.
Cheers!
Vinay
Hi,
Ok, thanks for letting us know. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi Nicoletta_DUS,
My german is not perfect but I think you are asking if you can install a child theme after you have made changes to your parent theme? The answer is yes, you can install a child theme after changes to your parent theme but you will have to move the changes to the child theme in order for them to be safe on updates.
I’ve tagged a german speaking moderator for the topic in case you would like to keep communicating in german.
Regards,
Rikard
Hey!
You could use the following custom CSS:
#top .inner_sort_button {
display: none;
}
#top .css_sort_button:before{
content: url(https://kriesi.at/themes/wp-content/plugins/avia_cachable_style_switch/images/logo-enfold/splash-orange.png);
}
#top .html_sort_button:before{
content: url(https://kriesi.at/themes/wp-content/plugins/avia_cachable_style_switch/images/logo-enfold/splash-orange.png);
}
#top .psd_sort_button:before{
content: url(https://kriesi.at/themes/wp-content/plugins/avia_cachable_style_switch/images/logo-enfold/splash-orange.png);
}
#top .video_sort_button:before{
content: url(https://kriesi.at/themes/wp-content/plugins/avia_cachable_style_switch/images/logo-enfold/splash-orange.png);
}
Modify and/or extend as needed.
Cheers!
Josue
Our website stopped displaying images in some browsers. The theme is up to date, and today the site upgraded to WordPress 4.5. Images don’t display using Chrome, but on Firefox the images are there. Can you help? Thanks! Great product by the way. I love Enfold. Also, here’s a video of what it should look like, and what problems we’re seeing. Thanks for your help.
Hey!
Try with this code:
.page-id-861 .main_color {
background: url("http://www.impactcrescendo.com/wp-content/uploads/17592132158_6886e3cbde_o.jpg") no-repeat top center;
background-size: cover;
}
Best regards,
Josue
Hi Vinay! Thanks for your reply. I created dimaond images instead, topic can be closed.
Thanks for your answer Andy :) I decided to create product list without WooCommerce, topic can be closed.