-
Search Results
-
Hello,
I would like to achieve the following:
1) resize the logo header with css from a larger image so that it stays crisp
2) start with a width of 280px for fullscreen
3) change to a different starting logo image for less than 1000px screen width, which is a transparent .png and I would like it to overhang slightly – with css like this:
#header_meta {z-index: 1;}
#header_main {z-index: 3;}
strong.logo {top: -55px; height: 120px !important; width: auto;}
h1.main-title {padding-left: 250px;}4) show small version when scrolling (as-is now)
Hey Jojo_W,
If you want to see how it’s done you could try activating debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, and then paste this shortcode to a new page:
[av_heading tag='h3' padding='10' heading='<strong>Hey there! This is an example of a 3 Column Ajax portfolio.<br />Once you click a portfolio item a preview will open & show you some more details.</strong>' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='10' custom_class=''][/av_heading] [av_hr class='short' height='30' position='left'] [av_one_full first] [av_portfolio columns='3' items='9' contents='title' preview_mode='auto' image_size='portfolio' linking='ajax' sort='yes' paginate='no'] [/av_one_full][av_section color='alternate_color' custom_bg='' src='' position='top left' repeat='no-repeat' attach='scroll' padding='large' shadow='no-shadow'] [av_one_fourth first] [av_icon_box icon='59' position='left' title='Free Support'] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_fourth][av_one_fourth] [av_icon_box icon='125' position='left' title='Updates'] Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth][av_one_fourth] [av_icon_box icon='2' position='left' title='Mobile Ready'] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth][av_one_fourth] [av_icon_box icon='36' position='left' title='SEO Optimized'] Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth][av_promobox button='yes' label='Learn More' link='page,750' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='no' icon='25'] Enfold is freakishly powerful and so damn easy to use, its probably the last theme you will ever buy [/av_promobox] [/av_section]Best regards,
RikardHi all,
I agree with Rikard that a Google-tool decides for you if your site has a good user-experience or not.
I mentioned that I will update the experiences I have done on my website.
Right now I have 93/100 on Mobile and 97/100 on Desktop via the https://developers.google.com/speed/pagespeed/insights website. The last few percentages are javascript-optimization items, but some js-optimization plugins I tried broke the website-functionality.Below are the settings I made to get to this score. Of course it took a lot of time trying, testing and reading to get to this point. Don’t be disappointed if it does not work for you, those are my settings for my website and things will depend on which other plugins you have deployed on your site, that might have other blocking css or js.
What I did:
Installing
Install the plugin Autoptimize.
Install the plugin Comet Cache.
Install the plugin Above the Fold Optimization.
Activate them all.
So far the easy part ;)Go to Comet cache settings :
(only important settings below)-
Enable: yes
Automatic Cache clearing: set them all to yes
Cache Directory: any writable directory on you hosting server; keep default cache/comet-cache
Client side cache: yes
Get requests: noAbove the fold Optimization (Pagespeed)
Critical CSS:
Critical Path CSS: <get the full CSS, and put it into an online CSS-optimizer and paste it here>
Enable Condition CSS: noCSS:
-
Optimize CSS Delivery: yes
Enhanced loadCSS: yes
Position: Footer
Ignore List: <empty>
Remove List: print.css
Optimize Web Fonts: yes
webfont.js Load Method: async
Load Position: footer
WebFontConfig: <default>
Google Web Fonts: Lato:300,400,700:latin <and your other fonts that you use from Google, each on one line>
Exclude List: <empty>Javascript:
-
Optimize Javascript Loading: yes
Script Loader: little-loader + HTML5 Web Worker <for this setting to enable, you need also to enable Proxy Scripts on the Proxy Tab>
Position: header
Ignore List: <empty>
Remove List: <empty>
Force Async: yes
Async Disabled List: <open the avia.js in a text-editor, find the function for Smooth Scrolling (starts at line 713, ends at 853), copy and paste it here>
Abide dependencies: no
JQuery Stub: yes
Lazy Load Scripts: noAutoptimize
Show Advanced Settings
HTML Options-
Optimize HTML Code: yes
Keep HTML comments: noJavascript Options
- Optimize JavaScript Code: no
CSS Options
-
Optimize CSS Code: yes
Generate data: URIs for images: no
Remove Google Fonts: no
Also aggregate inline CSS: no
Inline and Defer CSS: yes
<paste necessary/critical CSS here that you acquired in the previous step>
Exclude CSS from Autoptimize: admin-bar.min.css, dashicons.min.css, print.cssIn reply to: Disable Loading Animation of Masonry
Hmm. Better. Kinda. Different anyway, but not what I really want though.
The galleries still aren’t loading as part of the initial page load. http://dev.solace.com/
They only load when you scroll to that section. Only difference this made is that now the elements “appear” one at a time (pop pop pop pop) and quickly instead of zooming in one at a time after a brief delay.
I really do just want these galleries to load automatically as part for the page loading.In reply to: Move weather icon and date under Logo icon
Hey Kurt,
Thanks for giving your login details, I have modified your site and added this in Quick CSS (located in Enfold > General Styling):
@media only screen and (min-width:768px) { span.header_date { position: absolute; left: 0; top: -38px; } .header-scrolled .container.av-logo-container { margin-bottom: 36px !important; } #header #wp-forecast-2 { margin: 0 auto; padding: 0 50px!important; width: 100%; max-width: 1310px; position: static; transform: translate(0); } #header #wp-forecast-2 > div:not(.wp-forecast), #header #wp-forecast-2 h3.widgettitle, #header #wp-forecast-2 .wp-forecast-curr-details { display: none !important; } #header #wp-forecast-2 .wp-forecast-curr, #header #wp-forecase-2 .wp-forecast-curr-head, #header #wp-forecase-2 .wp-forecast-curr-details { height: 0; padding: 0 !important; } }Let us know if it’s good :)
Best regards,
NikkoTopic: One page layout
Hey Support
How can i get this one-page theme http://kriesi.at/themes/enfold-restaurant-one-page/#top
I’ve already imported the restaurant theme but i doesn’t funktion as a one page theme where it automatically scrolles down?
kind regards
AlexanderIn reply to: Help with gridrows
Hi Gustav,
If you enable debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, you can then paste the following shortcode to a new page to see exactly how it was set up:
[av_fullscreen size='extra_large' animation='fade' autoplay='false' interval='5' control_layout='' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='548' position='center center' video='http://' mobile_image='' video_cover='' title='New spring edition for women and men now available' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button button-two' link='lightbox' link_target='' button_label='Women’s Collection' button_color='theme-color' link1='product_cat,13' link_target1='' button_label2='Men’s Collection' button_color2='dark' link2='product_cat,13' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] The new beautiful spring collection, created by star designer Konrad Kries is now available. [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='547' position='top left' video='http://' mobile_image='' video_cover='' title='Start with us into the new season!' custom_title_size='40' custom_content_size='18' caption_pos='caption_right' link_apply='button button-two' link='lightbox' link_target='' button_label='For Women' button_color='theme-color' link1='product_cat,12' link_target1='' button_label2='For Men' button_color2='dark' link2='product_cat,11' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] Those are the styles that you need for the next season. Make sure to grab your early bird coupon! [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='549' position='top left' video='http://' mobile_image='' video_cover='' title='Win a shopping trip<br/>with our styling experts' custom_title_size='40' custom_content_size='18' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='Sign up now!' button_color='dark' link1='page,76' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern=''] Fancy doing something a little different this autumn? Win this great shopping trip to London! We pay for everything! All expenses including flight and a meal at a gourmet restaurant of your choice will be paid for! [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='551' position='center right' video='' mobile_image='' video_cover='' title='Winter Collection coming soon!' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button' link='lightbox' link_target='' button_label='Yes, notify me!' button_color='dark' link1='manually,#sign-up' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] Want to get notified once the new winter collection by Georgio Adriani is released? [/av_fullscreen_slide] [/av_fullscreen] [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections'] [av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] NEW WINTER COLLECTION [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] LATEST STREET CLOTHES [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FRESH SPORTSWEAR [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FUNKY ACCECCOIRS [/av_image] [/av_cell_one_fourth] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_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_heading heading='Recent Top Sellers' tag='h3' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading] [av_productslider columns='4' items='8' offset='0' sort='0' autoplay='yes' interval='5'] [/av_section] [av_layout_row border='' min_height='0' color='alternate_color' mobile='av-flex-cells' id=''] [av_cell_one_half vertical_align='middle' padding='50px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_heading tag='h3' padding='10' heading='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/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 penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_textblock] [av_productgrid columns='3' items='6' offset='0' sort='0' paginate='no'] [/av_cell_one_half][av_cell_one_half vertical_align='top' padding='0px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image_hotspot src='https://kriesi.at/themes/enfold-shop/files/2015/03/lady-in-blue.jpg' attachment='556' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile'] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,65' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='6.5,56.9'] Hairdo by Roger Ramoni [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,257' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='19.8,53'] Glasses by Victor Secreni [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,262' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='38.9,58.4'] Nail polish by Sandra Sounders [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-below av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,495' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='70,54.3'] "Red Velvet" Dress by Varia Vereni [/av_image_spot] [/av_image_hotspot] [/av_cell_one_half] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_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] [av_icon_box position='left_content' boxed='' icon='ue8b1' font='entypo-fontello' title='Worldwide delivery' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_icon_box] [/av_one_half][av_one_half] [av_icon_box position='left_content' boxed='' icon='ue8e2' font='entypo-fontello' title='Free shipping' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/av_icon_box] [/av_one_half][av_one_half first] [av_icon_box position='left_content' boxed='' icon='ue824' font='entypo-fontello' title='Secure Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_icon_box] [/av_one_half][av_one_half] [av_icon_box position='left_content' boxed='' icon='ue8b9' font='entypo-fontello' title='24/7 Support' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus. [/av_icon_box] [/av_one_half] [/av_section] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='sign-up' color='main_color' custom_bg='' src='https://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working.jpg' attachment='554' attachment_size='full' attach='parallax' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#6786a1' overlay_pattern='' overlay_custom_pattern=''] [av_heading tag='h3' padding='10' heading='Want to stay up to date? Subscribe to our Newsletter!' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_one_fifth first] [/av_one_fifth][av_three_fifth] [av_contact (Email address hidden if logged out) ' title='' button='Subscribe' on_send='' sent='Thanks! You will receive an email soon!' link='page,74' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color='av-custom-form-color av-light-form'] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select=''][/av_contact_field] [/av_contact] [/av_three_fifth][av_one_fifth] [/av_one_fifth][/av_section]Best regards,
RikardTopic: menu
Hey Support
How can i get this one page theme http://kriesi.at/themes/enfold-restaurant-one-page/#top
I’ve already imported the restaurant theme but i doesn’t funktion as a one page theme when it automatically scrolles down?
kind regards
AlexanderTopic: Easy slider not behaving
[Situation Resolved. Operator Error]
Moderator, Please delete this thread. Thanks.I am having trouble getting easy slider to auto scroll on one domain I am working on.
I’m trying to replicate the main page from the restaurant demo.
All the settings are the same between the two instances.
It works here: http://konakiko.net/enfold restaurant demo (enfold v3.7.1)
it does not work here: http://ctfreshfoodandproduce.com/fresh-produce (enfold v3.8)
for the site that does not work, I started with the health demo.
WordPress versions are current at 3.6.1.
The only difference I can see is the difference in enfold version.
Are there known issues with version 3.8 or should I be looking somewhere else isolate this problem.
Thanks in advanceIn reply to: Contact form auto scrolling to invalid inputs
Hello,
Your DEMO
When not input anything to form , just press send
I need contact form auto scrolling to invalid inputs.If form is long long long, it’s friendly for user.
In reply to: Table not responsive
Hey vonJanne!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) { .avia_scrollable_table .avia-table { width: auto; }}Cheers!
YigitContact form auto scrolling to invalid inputs
If there is no required field input, press send, whether the screen can automatically move to the required field is not entered
若是有必填欄位沒有輸入，按下送出，畫面是否能自動移動到未輸入的必填欄位。
Hey!
The boxes in the original site’s history page is very uncommon and you can’t rebuild it from the advance layout builder automatically so you have to copy its markup. This is the markup of one of the boxes.
<div class="row row-alternate-column" id="1800s"> <div class="fixed-box" data-switch-target="#1800s-switch" style="height: 874px;"> <div style="width: 75%;" class="cuervo-century-panel"> <h1 style="background-color: #2F2F2F;">1800s</h1> <div style="background-color: #2F2F2F;" class="cuervo-century-copy"> <h2>Exported To The United States</h2> <p>Jose Cuervo barrels made it to California from San Blas in 1852</p> </div> </div> <div class="cuervo-century-panel panel-switch" style="width: 80%;"> <h1 style="background-color: #4C2E16;">1800s</h1> <div style="background-color: #4C2E16;" class="cuervo-century-copy"> <h2>Glass Bottles To Go Anywhere</h2> <p>Jose Cuervo® was the first tequila brand to bottle tequila individually, making it easier to transport the tequila to meet booming demand in Mexico and across the border.</p> </div> </div> <div class="fixed-bg" style="background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/8_1800s-train-tall.jpg)"></div> <div class="fixed-bg fixed-bg-switch" style="background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/9_1800s-bottles-tall.jpg)"></div> </div> <div class="fixed-box history-hidden-desktop" style="height: 874px;"> <div class="cuervo-century-panel" style="width: 80%;"> <h1 style="background-color: #4C2E16;">1800s</h1> <div style="background-color: #4C2E16;" class="cuervo-century-copy"> <h2>Glass Bottles To Go Anywhere</h2> <p>Jose Cuervo® was the first tequila brand to bottle tequila individually, making it easier to transport the tequila to meet booming demand in Mexico and across the border.</p> </div> </div> <div class="fixed-bg" style="background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/9_1800s-bottles-tall.jpg)"></div> </div> <div class="scroll-box"> <img src="http://cuervo.com/wp-content/themes/cuervo/images/11-1800s-map.jpg"> </div> <div class="scroll-box" style="height: 656px; background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/10-1800s-distillery.jpg); background-size: auto auto; background-position: top center;"> <div class="content" style="padding-top: 24%;"> <div style="background-color: #995A31;" class="scroll-box-footer"> <h1 style="font-size: 25px; margin: 1em 0 0.5em;">New Distillation Machinery</h1> <p style="text-align: center; margin-top: 0;">Sold 10,000 barrels of tequila in one year.</p> </div> </div> </div> <div class="scroll-box" style="height: 516px; background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/6_1700s-larojena.jpg); background-size: auto auto; background-position: top center;"> <div class="content"> <div style="background-color: #2F2F2F;" class="scroll-box-footer"> <h1 style="font-size: 25px; margin: 1em 0 0.5em;">Where Jose Cuervo is produced</h1> <p style="text-align: center; margin-top: 0;">La Rojena, founded in 1812, is the oldest active distillery in Latin America.</p> </div> </div> </div> <div class="scroll-box" id="1800s-switch"> <div style="padding: 12% 16% 10%;"> <h1 style="color: #595A5F; font-size: 30px; line-height: 1.5;">Award Winning,<br>As Always</h1> <p style="color: #828278; line-height: 2;">First-place medal given to Jose Cuervo Tequila at the second Exposición de Las Clases Productoras, exhibition held in Guadalajara in May 1880.</p> </div> <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-1800s-medal.png"> </div> <div class="scroll-box"> <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-3-1800s-glassbottles.jpg"> </div> <div class="scroll-box"> <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-2-1800s-glassbottles.jpg"> </div> <div class="scroll-box"> <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-1-1800s-barrels.jpg"> </div> </div>You have to extract the css style of those containers from the original site.
Best regards,
IsmaelIn reply to: A thread on starting a new thread
Hey Webfixers,
When you login to the support forum, you should be directed to this link: https://kriesi.at/support/ below the Forum you should see lists of Themes, you just need to click on one of the theme and just scroll at the bottom and you should see the form to start a new thread (this is arranged in this manner so the thread will automatically be listed within a specific theme). The link you posted just directs you instantly to create a new thread under Enfold.
Best regards,
NikkoIn reply to: Tables in mobiles
Hey cipriana,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 768px) { .avia_scrollable_table .avia-table { width: auto; }}Best regards,
YigitIn reply to: Shortcode for demo contact form
Hey Jasmer,
1.
[av_section min_height='' min_height_px='500px' padding='no-padding' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/hotel/wp-content/uploads/sites/14/2015/07/luxurious-bedroom-m.jpg' attachment='309' attachment_size='full' attach='scroll' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#f8f8f8' custom_margin_top='0px' custom_margin_bottom='70px' icon_select='yes' custom_icon_color='#e5c80c' icon='ue8ce' font='entypo-fontello'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='50px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='rgba(255,255,255,0.6)' src='' attachment='' attachment_size='' background_position='center center' background_repeat='stretch' animation='bottom-to-top'] [av_contact (Email address hidden if logged out) ' title='' button='Send request' on_send='' sent='Your message has been sent! Thanks a lot for contacting us, we will reply as fast as humanly possible. Thats usually within 2 workdays :)' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color=''] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select=''][/av_contact_field] [av_contact_field label='Subject' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field] [av_contact_field label='Date of arrival' type='datepicker' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Date of departure' type='datepicker' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Guests' type='select' options='1,2,3,4,5,6,7,8,9,10,11,12' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Rooms' type='select' options='1,2,3,4,5,6,7,8,9,10,11,12' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Additional Information' type='textarea' options='' check='is_empty' width=''][/av_contact_field] [/av_contact] [av_hr class='invisible' height='60' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#f8f8f8' custom_margin_top='0px' custom_margin_bottom='70px' icon_select='yes' custom_icon_color='#e5c80c' icon='ue8ce' font='entypo-fontello'] [/av_one_full] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/hotel/wp-content/uploads/sites/14/2015/07/ornament-bg-top-small-1.png' attachment='435' attachment_size='full' attach='scroll' position='top center' repeat='contain' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='-200px,0px' padding='30px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#ffffff' src='' attachment='' attachment_size='' background_position='top center' background_repeat='no-repeat' animation=''] [av_heading tag='h1' padding='20' heading='Contact - Not sure which rooms to book? Get in touch!' color='' style='blockquote modern-quote modern-centered' custom_font='' size='40' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_one_full][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#f8f8f8' custom_margin_top='0px' custom_margin_bottom='70px' icon_select='yes' custom_icon_color='#e5c80c' icon='ue8ce' font='entypo-fontello'] [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_textblock size='' font_color='' color=''] 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, pellentesque 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_textblock size='' font_color='' color=''] Black River Street 1, Williamsville Mauritius (Email address hidden if logged out) +555 283 784 333 [/av_textblock] [/av_one_half] [/av_section] [av_google_map height='550px' zoom='13' saturation='-100' hue='' zoom_control='aviaTBzoom_control'] [av_gmap_location address='Black River' city='' country='Mauritius' long='57.36518980000005' lat='-20.34756' marker='538' imagesize='40' tooltip_display=''][/av_gmap_location] [/av_google_map] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/hotel/wp-content/uploads/sites/14/2015/07/ornament-bg-top-small-1.png' attachment='435' attachment_size='full' attach='scroll' position='top center' repeat='contain' 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 heading='Aenean commodo ligula eget dolor. Aeatoque penatibus. ' tag='h3' style='blockquote modern-quote' size='' subheading_active='' subheading_size='15' padding='0' color='' custom_font=''][/av_heading] [av_textblock size='' font_color='' color=''] Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. 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. [/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_image src='https://test.kriesi.at/hotel/wp-content/uploads/sites/14/2015/07/slider1-845x630.jpg' attachment='288' attachment_size='gallery' align='center' styling='no-styling' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image] [/av_one_half][/av_section]2. You need to activate debug mode to be able to paste the shortcode to a new page: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
3. Well I guess that is what we are doing now :-)
Best regards,
RikardIn reply to: Table not viewing properly in mobile view.
Hey CORMarketing,
Please edit your table and choose to make your table scrollable on mobile – http://i.imgur.com/omYhQgpr.png then add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) { .avia_scrollable_table .avia-table { width: auto; } }Best regards,
YigitIn reply to: Table doesn't appear correctly on mobile
Hi,
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia_scrollable_table .avia-table { width: auto; }Best regards,
YigitIn reply to: Hide colour sections?
I want when I click a menu link for the page to automatically scroll down to the next slider. I don’t want to have to use a colour section or a code block element as these create gaps between the sliders.
Topic: autoscrolling
Hello,
I realised web page by Enfold theme and the page is scrolling by self. One time up and one time down. Every 10 sec.. Can I fix it?
Thanx OndrejHi Elena,
I checked the code you used and I replaced it with this one:
add_action('woocommerce_before_main_content', 'ava_woocommerce_before_main_content', 5); function ava_woocommerce_before_main_content() { if(!is_tax('product_cat')) return; $resources = "<link rel='stylesheet' id='layerslider-css' href='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/css/layerslider.css?ver=5.6.2' type='text/css' media='all' /> <script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/greensock.js?ver=1.11.8'></script> <script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/layerslider.kreaturamedia.jquery.js?ver=5.6.2'></script> <script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/layerslider.transitions.js?ver=5.6.2'></script>"; $script = "<script data-cfasync=\"false\" type=\"text/javascript\">var lsjQuery = jQuery;</script><script data-cfasync=\"false\" type=\"text/javascript\"> lsjQuery(document).ready(function() { if(typeof lsjQuery.fn.layerSlider == \"undefined\") { lsShowNotice('layerslider_6','jquery'); } else { lsjQuery(\"#layerslider_6\").layerSlider({responsiveUnder: 1140, layersContainer: 1140, autoStart: false, startInViewport: false, pauseOnHover: false, twoWaySlideshow: true, loops: 1, keybNav: false, touchNav: false, skin: 'fullwidth', globalBGColor: 'rgba(255, 255, 255, 0.45)', navPrevNext: false, hoverPrevNext: false, navStartStop: false, navButtons: false, showCircleTimer: false, thumbnailNavigation: 'disabled', lazyLoad: false, yourLogoStyle: 'left: 10px; top: 10px;', cbInit: function(element) { }, cbStart: function(data) { }, cbStop: function(data) { }, cbPause: function(data) { }, cbAnimStart: function(data) { }, cbAnimStop: function(data) { }, cbPrev: function(data) { }, cbNext: function(data) { }, skinsPath: 'http://www.saldaturacontrollo.it/wp/wp-content/themes/enfold/config-layerslider/LayerSlider/static/skins/'}) } }); </script>"; $output = $resources . $script; echo $output; echo do_shortcode("[ av_layerslider id='6']"); ?> <div id="av_section_1" class="avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll avia-section av-minimum-height av-minimum-height-25 container_wrap sidebar_left" style="background-color: #ec9b84; background-color: #ec9b84; "> <div class="container"> <div class="template-page content av-content-small units"> <div class="post-entry post-entry-type-page post-entry-417"> <div class="entry-content-wrapper clearfix"> <?php echo do_shortcode("[ av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][ av_font_icon icon='ue806' font='entypo-fontello' style='border' caption='Lista dei desideri <br/> WISHLIST' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][ av_font_icon icon='ue859' font='entypo-fontello' style='border' caption='ACQUISTO <br/> facile e veloce' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][ av_font_icon icon='ue802' font='fontello' style='border' caption='PAGAMENTO SICURO <br/> con Bonifico e PAYPAL' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][ av_font_icon icon='ue804' font='fontello' style='border' caption='SPEDIZIONE <br/>24/48 ore' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][ av_font_icon icon='ue803' font='fontello' style='border' caption='Rimborso di denaro ad ogni acquisto' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth]"); ?> </div> </div> </div> </div> </div> <?php }Color Section shortcode causes it to break, so I created the
<div>s, as for the layerslider, it doesn’t seem to work, I even fixed the script code and changed localhost which causes 404 error, for the layerslider part, can you use image instead? as I really tried to make the layerslider work but unfortunately I already spent a lot of time. Hope this helps :)Best regards,
NikkoHey!
We added a “dirty” solution in the functions.php file:
add_action('woocommerce_before_main_content', 'ava_woocommerce_before_main_content'); function ava_woocommerce_before_main_content() { if(!is_tax('product_cat')) return; $resources = '<link rel="stylesheet" id="layerslider-css" href="http://www.vincenzaboutique.it/wp-content/themes/enfold/config-layerslider/LayerSlider/static/css/layerslider.css?ver=5.6.8" type="text/css" media="all"> <script type="text/javascript" src="http://www.vincenzaboutique.it/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/greensock.js?ver=1.11.8"></script> <script type="text/javascript" src="http://www.vincenzaboutique.it/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/layerslider.transitions.js"></script> <script type="text/javascript" src="http://www.vincenzaboutique.it/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/layerslider.kreaturamedia.jquery.js?ver=5.6.8"></script>'; $script = "<script data-cfasync=\"false\" type=\"text/javascript\"> lsjQuery(document).ready(function() { if(typeof lsjQuery.fn.layerSlider == \"undefined\") { lsShowNotice('layerslider_6','jquery'); } else { lsjQuery(\"#layerslider_6\").layerSlider({responsiveUnder: 1140, layersContainer: 1140, autoStart: false, startInViewport: false, pauseOnHover: false, firstSlide: 'random', twoWaySlideshow: true, loops: 1, keybNav: false, touchNav: false, skin: 'fullwidth', navPrevNext: false, hoverPrevNext: false, navStartStop: false, navButtons: false, showCircleTimer: false, thumbnailNavigation: 'disabled', lazyLoad: false, yourLogoStyle: 'left: 10px; top: 10px;', cbInit: function(element) { }, cbStart: function(data) { }, cbStop: function(data) { }, cbPause: function(data) { }, cbAnimStart: function(data) { }, cbAnimStop: function(data) { }, cbPrev: function(data) { }, cbNext: function(data) { }, skinsPath: 'http://www.vincenzaboutique.it/wp-content/themes/enfold/config-layerslider/LayerSlider/static/skins/'}) } }); </script>"; $output = $resources . '<div id="layer_slider_1" class="avia-layerslider main_color avia-shadow avia-builder-el-0 el_before_av_section avia-builder-el-first container_wrap sidebar_left" style="height: auto;">'.$script.'<div class="ls-wp-fullwidth-container" style="height: 282px;"><div class="ls-wp-fullwidth-helper" style="width: 919px; height: 282px; left: 0px;"><div id="layerslider_6" class="ls-wp-container ls-container ls-fullwidth" style="width: 919px; height: 282.149px; margin: 0px auto; visibility: visible;"><div class="ls-inner" style="background-color: transparent; width: 919px; height: 282px;"><div class="ls-slide ls-slide-1" data-ls=" transition2d: all;" style="width: 919px; height: 282px;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-wishlist.jpg" class="ls-bg" alt="slider-vincenza-boutique-wishlist"><div class="ls-gpuhack"></div></div><div class="ls-slide ls-slide-2" data-ls=" transition2d: all;" style="width: 919px; height: 282px;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-shop.jpg" class="ls-bg" alt="slider-vincenza-boutique-shop"><div class="ls-gpuhack"></div></div><div class="ls-slide ls-slide-3" data-ls=" transition2d: all;" style="width: 919px; height: 282px;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-3.jpg" class="ls-bg" alt="slider-vincenza-boutique-3"><div class="ls-gpuhack"></div></div><div class="ls-slide ls-slide-4" data-ls=" transition2d: all;" style="width: 919px; height: 282px; left: 0px; right: auto; top: 0px; bottom: auto;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-4.jpg" class="ls-bg" alt="slider-vincenza-boutique-4"><div class="ls-gpuhack"></div></div><div class="ls-slide ls-slide-5 ls-active" data-ls=" transition2d: all;" style="width: 919px; height: 282px; visibility: visible; display: none; left: auto; right: 0px; top: 0px; bottom: auto;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-5.jpg" class="ls-bg ls-preloaded" alt="slider-vincenza-boutique-5" style="padding: 0px; border-width: 0px; width: 806.14px; height: 174.932px; margin-left: 56.4298px; margin-top: 53.5338px;"><div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div></div><div class="ls-slide ls-slide-6" data-ls=" transition2d: all;" style="width: 919px; height: 282px;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-6.jpg" class="ls-bg" alt="slider-vincenza-boutique-6"><div class="ls-gpuhack"></div></div></div><div class="ls-loading-container" style="z-index: -1; display: none;"><div class="ls-loading-indicator"></div></div><div class="ls-shadow"></div></div></div></div></div>'; echo $output; $columns = do_shortcode("[av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_font_icon icon='ue806' font='entypo-fontello' style='border' caption='Lista dei desideri <br/> WISHLIST' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_font_icon icon='ue859' font='entypo-fontello' style='border' caption='ACQUISTO <br/> facile e veloce' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_font_icon icon='ue802' font='fontello' style='border' caption='PAGAMENTO SICURO <br/> con Bonifico e PAYPAL' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_font_icon icon='ue804' font='fontello' style='border' caption='SPEDIZIONE <br/>24/48 ore' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_font_icon icon='ue803' font='fontello' style='border' caption='Rimborso di denaro ad ogni acquisto' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon] [/av_one_fifth]"); echo '<div id="av_section_1" class="avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll avia-builder-el-1 el_after_av_layerslider el_before_av_productgrid av-minimum-height av-minimum-height-25 container_wrap sidebar_left" style="background-color: #ec9b84; background-color: #ec9b84; "><div class="container"><div class="template-page content av-content-small units"><div class="post-entry post-entry-type-page post-entry-16"><div class="entry-content-wrapper clearfix">'.$columns.'</div><!-- close content main div --></div></div></div></div>'; }// http://www.vincenzaboutique.it/categoria-prodotto/abbigliamento/collezione/
Cheers!
IsmaelTopic: bring grid to fullsize
Hi. i have a grid with 4 pictures and text inside the grid. how can i bring the grid automatically to full browser window size?
It look this way at the moment: http://imgur.com/a/vHl10 and it should look like this: http://imgur.com/a/YD2nX Like a color section with the settings ” full high 100%).
Can you please help me to get this effect? Scroll down to the 2nd slide. Freeletics uses this effect :) https://www.freeletics.com/de
In reply to: Where element.style?
Hallo Yigit,
Im offline, again:
Where can I find the source code:element.style { background-attachment: scroll; background-image: url("http://localhost/wp-content/uploads/2016/01/luxusnet-lp.jpg"); background-position: center center; background-repeat: no-repeat; ################################# height: 437px; ################################# top: auto; transform: translate3d(0px, 65px, 0px); }I would like height: change.
That’s all I want. Image inserted via color-section / section Background!l.G. hgx
It’s av_section_6 of: http://kriesi.at/themes/enfold/.
I can’t seem to find the place to create the full width background with the posts and text that sit on top of the section. I’m waiting for our IT guy to add the information from the link you provided.
Some of the code:
<div id=”av_section_6″ class=”avia-section socket_color avia-section-default avia-no-shadow avia-full-stretch av-parallax-section avia-bg-style-parallax avia-builder-el-47 el_after_av_section el_before_av_section container_wrap fullsize” data-section-bg-repeat=”stretch”><div class=”av-parallax enabled-parallax active-parallax” data-avia-parallax-ratio=”0.3″ style=”top: auto; transform: translate3d(0px, 190px, 0px); height: 687px;”><div class=”av-parallax-inner socket_color avia-full-stretch” style=”background-repeat: no-repeat; background-image: url(http://kriesi.at/themes/enfold/files/2013/04/room.jpg); background-attachment: scroll; background-position: top center; “></div></div><div class=”container”><div class=”template-page content av-content-full alpha units”><div class=”post-entry post-entry-type-page post-entry-734″><div class=”entry-content-wrapper clearfix”>
<section class=”av_textblock_section” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”avia_textblock ” itemprop=”text”><h2 style=”text-align: center;”>In case you need help</h2>
<p style=”text-align: center;”>Here are several ways to contact us</p>
</div></section>
<div style=”height:30px” class=”hr hr-invisible avia-builder-el-49 el_after_av_textblock el_before_av_one_third “><span class=”hr-inner “><span class=”hr-inner-style”></span></span></div>
<div class=”flex_column av_one_third flex_column_div first avia-builder-el-50 el_after_av_hr el_before_av_one_third “><article class=”iconbox iconbox_top main_color avia-builder-el-51 avia-builder-el-no-sibling ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconbox_content”><header class=”entry-content-header”><div class=”iconbox_icon heading-color” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></div><h3 class=”iconbox_content_title” itemprop=”headline”>Presales Question?</h3></header><div class=”iconbox_content_container ” itemprop=”text”><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.<br>
Learn more</p>
</div></div><footer class=”entry-footer”></footer></article></div><div class=”flex_column av_one_third flex_column_div avia-builder-el-52 el_after_av_one_third el_before_av_one_third “><article class=”iconbox iconbox_top main_color avia-builder-el-53 avia-builder-el-no-sibling ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconbox_content”><header class=”entry-content-header”><div class=”iconbox_icon heading-color” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></div><h3 class=”iconbox_content_title” itemprop=”headline”>Need Support?</h3></header><div class=”iconbox_content_container ” itemprop=”text”><p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<br>
Learn more</p>
</div></div><footer class=”entry-footer”></footer></article></div><div class=”flex_column av_one_third flex_column_div avia-builder-el-54 el_after_av_one_third avia-builder-el-last “><article class=”iconbox iconbox_top main_color avia-builder-el-55 avia-builder-el-no-sibling ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconbox_content”><header class=”entry-content-header”><div class=”iconbox_icon heading-color” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></div><h3 class=”iconbox_content_title” itemprop=”headline”>Check Forum</h3></header><div class=”iconbox_content_container ” itemprop=”text”><p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim juserdiet a, venenatis vitae, justo.<br>
Learn more</p>
</div></div><footer class=”entry-footer”></footer></article></div></div></div></div><!– close content main div –></div></div>
Topic: Where element.style?
Hallo,
Wo ist:
Where is:element.style { background-attachment: scroll; background-image: url("http://localhost/wp-content/uploads/2016/01/luxusnet-lp.jpg"); background-position: center center; background-repeat: no-repeat; height: 437px; top: auto; transform: translate3d(0px, 65px, 0px); }Ich möchte im child theme hier height: 437px; ändern. Weil die Einstellung in der Farb Sektion auf 75% leicht daneben liegt.
Ich finde es in keiner Datei, welche müsste dann ins child theme?I would like in child theme here: 437 px; change. Because the setting in the color section is slightly down to 75%.
I find it in no file, which would then have to child theme?l.G.
When I view my web site on an mobile device the mobile menu hide automatically on scroll… How to keep the menu bar permanetly?
Thank’sSo I’m having a perplexing problem. As you can see I’ve got a portfolio grid employed on this landing page. But the problem I have is that while the video loads the pop up window immediately scrolls up the rest of the page. So far in fact that the excerpt for the entry is completely hidden above.
Could you advise at where I can look at adjusting these settings in the theme code?
Hello Enfold Team,
Looking at any post in text view, I see multiple instances of the following code have mysteriously been added to the page. I can easily delete this, but any ideas regarding why this is happening? It’s a recent occurrence; I’ve now licensed Enfold for multiple sites and haven’t noticed this before now. Is it a WordPress thing, or perhaps happened with the recent Enfold update? Not a serious issue, more of an annoyance.
Code Example – fyi, I usually see 4 or 5 copies of this at the bottom of each new post:
<span style=”border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px ‘Helvetica Neue’,Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; top: 2218px; left: 20px;”>Save</span>Thanks in advance for responding!
In reply to: Logo in menu keeping menu height or similar
Hi Nacho,
Kindly add this code in Quick CSS (located in Enfold > General Styling):
#header #header_main { background: #2c353d; } .logo img { padding: 12px 0; } .header-scrolled .logo img { padding: 4px 0; } .header-scrolled span.subtext { font-size: 18px; } @media only screen and (max-width:767px) { .responsive #top #wrap_all .container { height: auto !important; line-height: 1 !important; } .responsive #top .logo { padding: 12px 0; } .responsive .logo a, .responsive .logo img { max-height: 60px !important; display: inline-block; } .responsive .logo a { position: relative; display: block; } span.subtext { font-size: 15px; max-height: 60px; color: #fff; line-height: 60px; } }Hope this helps. This should solve the 2 issues you mentioned, if it doesn’t work, kindly allow us to inspect the settings and make changes in your backend.
Best regards,
Nikko
