Hey publidata,
Yes, it’s possible with some custom css codes you need to add on Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
.responsive #top #wrap_all #header {
position: fixed !important;
}
.responsive #top #main {
padding-top: 150px !important;
}
}
You might need to adjust the padding-top value. Let us know if this helps :)
Best regards,
Nikko
Hi,
Glad that you figured it out. Try adding this css code in Quick CSS (located in Enfold > General Styling):
.page-id-1302 #after_section_3 {
border-top: 0 !important;
}
Let us know if this helps :)
Best regards,
Nikko
Hi,
Please try this out:
[av_layout_row border='' min_height='500px' color='main_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='80px' padding_sync='true' background_color='#22689e' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
[av_heading tag='h3' padding='25' heading='About Us' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='34' subheading_active='subheading_above' subheading_size='15' custom_class='']
A small introduction
[/av_heading]
[av_textblock size='' font_color='custom' color='#ffffff']
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_textblock]
[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='80px' padding_sync='true' background_color='#22689e' src='https://test.kriesi.at/enfold-medical/wp-content/uploads/sites/22/2016/07/corporate-buildings-m-845x684.jpg' attachment='981' attachment_size='gallery' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
[/av_cell_one_half][/av_layout_row][av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']
[av_cell_one_fourth vertical_align='middle' padding='80px,50px,80px,50px' background_color='#2388c2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
[av_animated_numbers number='25 Million $' icon_select='no' icon='ue800' font='entypo-fontello' font_size='34' font_size_description='20' link='' linktarget='no' color='font-custom' custom_color='#ffffff']
Research Budget
[/av_animated_numbers]
[/av_cell_one_fourth][av_cell_one_fourth vertical_align='middle' padding='80px,50px,80px,50px' background_color='#379cd6' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
[av_animated_numbers number='255.000' icon_select='no' icon='ue800' font='entypo-fontello' font_size='34' font_size_description='20' link='' linktarget='no' color='font-custom' custom_color='#ffffff']
Patients healed
[/av_animated_numbers]
[/av_cell_one_fourth][av_cell_one_fourth vertical_align='middle' padding='80px,50px,80px,50px' background_color='#5fb4e4' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
[av_animated_numbers number='212 Doctors' icon_select='no' icon='ue800' font='entypo-fontello' font_size='34' font_size_description='20' link='' linktarget='no' color='font-custom' custom_color='#ffffff']
working for you
[/av_animated_numbers]
[/av_cell_one_fourth][av_cell_one_fourth vertical_align='middle' padding='80px,50px,80px,50px' background_color='#80c7ef' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
[av_animated_numbers number='125 Years' icon_select='no' icon='ue800' font='entypo-fontello' font_size='34' font_size_description='20' link='' linktarget='no' color='font-custom' custom_color='#ffffff']
of experience
[/av_animated_numbers]
[/av_cell_one_fourth]
[/av_layout_row]
[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top']
[av_heading tag='h3' padding='20' heading='About the Building' color='' style='blockquote modern-quote' custom_font='#ffffff' size='34' subheading_active='subheading_above' subheading_size='15' custom_class='']
Let us introduce ourselves
[/av_heading]
[av_textblock size='' font_color='' color='']
Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condic pellentesque. Curae; Fusce id purus. <strong>Ut varius tincidunt</strong> libero.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, <strong>pellentesque</strong> eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]
[/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top']
[av_heading tag='h3' padding='20' heading='Aenean leo ligr eu quat' color='' style='blockquote modern-quote' custom_font='#ffffff' size='34' subheading_active='subheading_above' subheading_size='15' custom_class='']
How it all came to be...
[/av_heading]
[av_textblock size='' font_color='' color='']
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis.
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer <strong>tincidunt</strong>. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
[/av_textblock]
[/av_one_half]
[/av_section]
[av_layout_row border='' min_height='500px' color='main_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='0px' padding_sync='true' background_color='#22689e' src='https://test.kriesi.at/enfold-medical/wp-content/uploads/sites/22/2016/02/medical-team-1-845x684.jpg' attachment='802' attachment_size='gallery' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='80px' padding_sync='true' background_color='#22689e' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']
[av_heading tag='h3' padding='25' heading='In enim justo, rhoncus ut' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='34' subheading_active='subheading_above' subheading_size='15' custom_class='']
Lorem ipsum dolor sit amet
[/av_heading]
[av_textblock size='' font_color='custom' color='#ffffff']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibur ridiculus mus.
[/av_textblock]
[/av_cell_one_half]
[/av_layout_row]
[av_layout_row border='' min_height='500px' color='main_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='80px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']
[av_heading tag='h3' padding='25' heading='In enim justo, rhoncus ut' color='' style='blockquote modern-quote' custom_font='' size='34' subheading_active='subheading_above' subheading_size='15' custom_class='']
Lorem ipsum dolor sit amet
[/av_heading]
[av_textblock size='' font_color='' color='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibur ridiculus mus.
[/av_textblock]
[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='0px' padding_sync='true' background_color='#22689e' src='https://test.kriesi.at/enfold-medical/wp-content/uploads/sites/22/2016/07/corporate-buildings-m-845x684.jpg' attachment='981' attachment_size='gallery' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
[/av_cell_one_half]
[/av_layout_row]
[av_layout_row border='' min_height='500px' color='main_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='0px' padding_sync='true' background_color='#22689e' src='https://test.kriesi.at/enfold-medical/wp-content/uploads/sites/22/2016/07/medical-report-m-845x684.jpg' attachment='986' attachment_size='gallery' background_attachment='scroll' background_position='top left' background_repeat='stretch' mobile_display='']
[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='80px' padding_sync='true' background_color='#22689e' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']
[av_heading tag='h3' padding='25' heading='In enim justo, rhoncus ut' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='34' subheading_active='subheading_above' subheading_size='15' custom_class='']
Lorem ipsum dolor sit amet
[/av_heading]
[av_textblock size='' font_color='custom' color='#ffffff']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibur ridiculus mus.
[/av_textblock]
[/av_cell_one_half]
[/av_layout_row]
Best regards,
Rikard
Hi,
Ok, thanks for the feedback. Please let us know how you get on with it and if you should need any further help on the topic.
Best regards,
Rikard
Hi Nils,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Thanks for creating the page, however you haven’t added a classname as instructed in the link I gave, but try using this code and add it to Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
.responsive #top .flex_column_table,
.avia-section .entry-content-wrapper {
display: flex !important;
flex-direction: column-reverse;
}
}
When you have added a class to the section, just replace .avia-section to .your_class_name. The current code will affect everything so it reverses the columns in a section. Hope this helps.
Regards,
Nikko
Hi Kostas,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey happybloodycamper,
That is as expected, when you use the Layout Builder for posts it will act like a page and you will have add all content manually. You can get around this behaviour by saving when the default editor is active though. If you want to add the excerpt manually you can do so by selecting to show it in Screen Options in the top right hand corner of the screen.
Best regards,
Rikard
Hi,
Try using this css code:
#top .scroll-down-link:before {
color: rgba(255,255,255,0.1);
}
Let us know if this helps :)
Cheers!
Nikko
Hi Daniel,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
There not a lot of space to work with since your logo is taking up most of the space, but you can try this in Quick CSS:
#text-2 {
position: absolute;
top: 230px;
left: 100px;
}
Best regards,
Rikard
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Ok, thanks for the feedback. It looks like you have a Color Section at the very top? Could you try assigning an ID to it and use that for the anchor instead?
Best regards,
Rikard
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
I am receiving this warning when you visit my website at the top. The header is also moving when you scroll, but the theme is set to have the header stuck at the top. Thanks for your help!
Warning: Class __PHP_Incomplete_Class has no unserializer in /home/content/a2pnexwpnas01_data02/13/3505013/html/wp-content/object-cache.php on line 855
Warning: session_start(): Cannot send session cookie – headers already sent by (output started at /home/content/a2pnexwpnas01_data02/13/3505013/html/wp-content/object-cache.php:855) in /home/content/a2pnexwpnas01_data02/13/3505013/html/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries.php on line 32
Warning: session_start(): Cannot send session cache limiter – headers already sent (output started at /home/content/a2pnexwpnas01_data02/13/3505013/html/wp-content/object-cache.php:855) in /home/content/a2pnexwpnas01_data02/13/3505013/html/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries.php on line 32
Is it possible to disable the preload animation in Enfold?
I found this thread that was somewhat related but does not address this specific question. https://kriesi.at/support/topic/change-gif-for-page-preloader/
Awesome thank you! The sidebar stops short of the footer though and does not bump right up against it.
any news about this topic?
the site is hosted on WPengine hosting server in the US, i cant see reason why they will block you..
this is very strange..if it was an IP block wouldn’t you get error message instead of just blank page?
can you post a screen shot?
are you refereeing to this kind of backend blank pages I reported before? https://kriesi.at/support/topic/display-but-in-the-admin-since-upgrading-to-3-8/
if from some strange reason WPengine are blocking your country ..can someone else from the support team give it a try?
-
This reply was modified 9 years, 1 month ago by
Doron.
I have a Fullwidth Easy Slider on my homepage which plays a video. Depending on the monitor size/browser, this video will sometimes play with a white bar along the bottom of various sizes. For example on my laptop it looks great, no bar. On my desktop a small thin bar and on my bosses desktop the line is almost an inch thick. How do I get my video to fill up the screen regardless of the screen size or browser?
On this page
http://perfectpuglia.com/properties/trulli-negli-alberi-alberobello-2/
I am trying to line up the tabs and the icon box below the masonry gallery. I have worked out the CSS to get it to work (I think)
.avia-section-small .content{
padding-top: 0px;
}
#top .iconbox_top{
margin-top: 40px;
}
If I paste it into the quick CSS it works. However obviously want to target this page rather than the whole site. If I use the page id that’s fine, but there will be many copies of this page on the site so I would rather use a custom css class. I have tried but it does not work, I added the selector .gjb_tabs to the css and it stopped working as expected, but then when I tried to apply gjb_tabs as a Custom CSS Class it did not start working again. I tried adding it to the elements, cells or the section, but none worked. Quite obviously I am making a mistake but I can not work out where.
Thank you.
Graham
-
This topic was modified 9 years, 1 month ago by
Graham. Reason: Link changed as I stupidly edited the page names
Similar to topic #654002, I’d like to change the font in the caption on my slider.
Hi,
try this code instead:
.grid-entry.flex_column.isotope-item.all_sort {
padding-right: 10px;
}
and adjust as needed.
Best regards,
Andy
Hi,
then add media queries to my code, so it works on smaller screen sizes only. Something like:
@media only screen
and (min-width: 414px)
and (max-width: 736px) {
#top #wrap_all .header_color.av_header_transparency, #top #wrap_all .header_color.av_header_transparency .phone-info.with_nav span, #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text, #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-subtext {
color: green;
}}
Adjust as needed.
Fore more information about media queries refer to: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Best regards,
Andy
Hi,
if you want to apply the code from above for hover then use this code:
#top #header .mega_menu_title a:hover {
color: #888888;
font-family: 'Droid Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
Best regards,
Andy
Hi!
You need to follow Yigit directions to add a widget at the top and the style it.
if the post is not helpful or can not follow it, please do consider to hire a freelancer, who will help you with the process.
Thanks a lot
Best regards,
Basilis
There is a masonry gallery working here, thanks to your help. I have added a background colour and a large gap with the shortcut. However there appears to be an issue with the padding as the top and on the left as the background come out from behind the gallery on the right and bottom but not on the left or top.
Any pointers are most appreciated, honestly I am learning and hope not to be bothering you so much quite soon.
Thank you
http://perfectpuglia.com/properties/trulli-negli-alberi-alberobello-2/
-
This topic was modified 9 years, 1 month ago by
Graham. Reason: Edited link address on website, sorry
Hi,
UPDATE: I fixed this myself. I went through the header settings and found the transparent logo setting and changed that to the logo I wanted. All is working well. Sorry for the trouble. Please mark as resolved.
I am trying to simply upload a logo to the theme and for whatever reason, it WILL NOT display the new logo. This has never happened before as I have used this theme extensively. I do not understand it. Please help. BTW – I don’t care if the Enfold logo shows when there is no logo. I have never had to remove it. This is the first time using this theme where I cannot add a logo through the general settings area.
Okay, the logo I wanted to use is showing up in the menu bar after I scroll, but not in the header when the Welcome menu item is selected. I am using the restaurant logo. When the site scrolls back to the top, the Enfold logo takes over. But when inspecting the element, the correct image is showing. Don’t know where to go to fix. Thanks for the help.
-
This topic was modified 9 years, 1 month ago by
bigtime32.
Hi,
adjust mobile menu color with this code:
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
color: black;
}}
Best regards,
Andy