How to make the theme like the Enfold demo landing page - Support

Hey Adeline Woo,

The easy slider element provides a simple solution for adding 2 call to action buttons and links to the slider image.

Best regards,
Jordan Shannon

July 13, 2017 at 6:58 pm #820734

Hi Jordan,

I tried to play around with my easy slider. There is no option for me to add on any call to action buttons. I can only do the basic things like add image, image captions, and control how the image slides after how many seconds etc.

Nowhere does it state i can add call to action buttons to my image slider??

Is there a way i can share screen shots in this forum??

July 13, 2017 at 10:29 pm #820831

Jordan Shannon

https://snag.gy/qp0rXD.jpg

Hi,

You can use imgur or a service like this https://snag.gy/. But, my apologies it is the FULL WIDTH Easy Slider. Please see the following:

Best regards,
Jordan Shannon

August 12, 2017 at 11:53 am #837823

Hi Jordan,

I would like to make the top portion of my website to be like this Enfold Spa theme: http://kriesi.at/themes/enfold-spa/

My questions:

– How do i make the logo and menu blend in as part of the carousel slider image? In this case, the logo and main navigation menu is part of the full width slider. Do I do this by using the transparent logo function? Refer to snapshot below:
https://snag.gy/sp7m6X.jpg

– If yes to the above, what is the optimal size for the image I should use?

– Will the carousel slider still be able to contain 2 action buttons if I use it as a transparency logo?

Separately, I also wish to find out how i can do the following:

– How do i change the contents of my footer? There are too much words currently. My website is http://www.DiaperCakes.sg
– Is it possible to remove the main navigation bar on the checkout page? I do not wish for my customers to go anywhere else when they are at the check out page
– I am looking for a check out plugin that shows a clear progress bar. Do you have any recommendations? Tricky thing is because i am selling baby gifts, i need the check out field to allow customers to choose delivery dates (earliest allowed is 1 day after order date) and specified time slots for delivery.

Please advise. Thank you!

August 12, 2017 at 12:16 pm #837829

https://snag.gy/Kr7SjC.jpg

Hi Jordan,

Further to my message above on modelling my website after the Enfold Spa theme, i am trying to make a full width strip like the snap shot below from the Enfold Spa landing page.

However, when i use the Aviva Layout Builder to change the background color, the result end up like this:
https://snag.gy/FoIrpy.jpg

How do i make it full width so that my landing page is separated into “sections” of rectangular strips?

Also, i tried using the full width slider for the carousel slider, how do i change the position of the 2 click buttons as shown here:
https://snag.gy/lyPDcj.jpg

I don’t want it to be on the bottom left of my slider image, i want it to be on bottom right.

Lastly, how can i find a Enfold developer to help me implement the designs i want for my website??

Thank you!

August 15, 2017 at 1:04 pm #839261

Rikard

Keymaster

Hi,

Sorry for the late reply. You posted a lot of questions and they left me kind of confused to be honest with you. If you are trying to copy the demo page then I think the easiest way would be to enable debug mode: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, that will give you the ability to import demo pages by shortcode. If you want to do that then simply link to the pages you want to import here and we’ll give you the shortcodes for them. Then you can see for yourself how they are built.

If you are looking to hire a freelancer then we recommend contacting Codable, or try searching for someone on Hubstaff or Upwork for instance.

Best regards,
Rikard

This reply was modified 7 years, 3 months ago by Rikard.

August 15, 2017 at 1:13 pm #839266

https://snag.gy/Kr7SjC.jpg

Hi Rikard,

Sorry for the many questions. Maybe we take it one step at a time.

First , i wish to model my home page after the Enfold Spa theme: http://kriesi.at/themes/enfold-spa/

I am trying to make a full width slider strip like the snap shot below from the Enfold Spa landing page.

However, when i use the Aviva Layout Builder to change the background color on wordpress, the result end up like this:
https://snag.gy/FoIrpy.jpg

How do i make it full width so that my landing page is separated into “sections” of rectangular strips? Kinda like a WIX website.

Thank you!

August 16, 2017 at 5:42 am #839687

Rikard

Keymaster

Hi,

Yes, dealing with one issue at a time is probably the easier :-)

I’m not sure what element you have used there, but it looks like a 1/1 element? If you want the background to go full width then you have to use a full width element like a Color Section or a Grid Row.

But if you want to see how the demos are built, then I would suggest that you enable debug mode like I suggested in my previous reply. Then you could simply paste this shortcode to a new page:

[av_slideshow_full size='no scaling' stretch='' animation='fade' autoplay='false' interval='5' control_layout='av-control-minimal' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll']
[av_slide_full slide_type='image' id='331' video='http://' mobile_image='' video_format='' video_ratio='16:9' title='The best rated SPA in New York' custom_title_size='30' custom_content_size='15' caption_pos='caption_left' link_apply='' link='lightbox' link_target='' button_label='Learn more' button_color='light' link1='manually,#' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean comor.
[/av_slide_full]
[av_slide_full slide_type='image' id='332' video='http://' mobile_image='' video_format='' video_ratio='16:9' title='Register now for our beauty program' custom_title_size='30' custom_content_size='' caption_pos='caption_right' link_apply='' link='lightbox' link_target='' button_label='Register' button_color='light' link1='manually,#' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
Lorem ipsum dolor adipiscing elit. Aenean commodo ligula eget dolor.
[/av_slide_full]
[/av_slideshow_full]

[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_heading tag='h1' padding='20' heading='Welcome to Enfold SPA -<br/>a place for relaxation and beauty' color='' style='blockquote modern-quote modern-centered' custom_font='' size='40' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[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='']

[/av_one_fifth][av_three_fifth 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='']
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penculus mus.</p>
[/av_textblock]

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='90px' custom_border_color='' custom_margin_top='70px' custom_margin_bottom='70px' icon_select='yes' custom_icon_color='#e7b8b8' icon='ue8b8' font='entypo-fontello']

[/av_three_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='']

[/av_one_fifth][av_one_third 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_image src='https://test.kriesi.at/new-spa/wp-content/uploads/sites/11/2015/07/spa-gallery-2.jpg' attachment='216' attachment_size='full' align='center' styling='no-styling' hover='av-hover-grow' link='page,154' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image]

[av_heading tag='h2' padding='10' heading='Beauty' color='' style='blockquote modern-quote' custom_font='' size='' 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 eur ridiculus mus.

<a href="#">more...</a>
[/av_textblock]

[/av_one_third][av_one_third 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/new-spa/wp-content/uploads/sites/11/2015/07/spa-gallery-1.jpg' attachment='215' attachment_size='full' align='center' styling='no-styling' hover='av-hover-grow' link='page,342' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image]

[av_heading tag='h2' padding='10' heading='Fitness' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_textblock size='' font_color='' color='']
Donec pede justo, fringilla vel, aliqcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

<a href="#">more...</a>
[/av_textblock]

[/av_one_third][av_one_third 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/new-spa/wp-content/uploads/sites/11/2015/07/spa-gallery-5-2.jpg' attachment='225' attachment_size='full' align='center' styling='no-styling' hover='av-hover-grow' link='page,156' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image]

[av_heading tag='h2' padding='10' heading='Yoga' color='' style='blockquote modern-quote' custom_font='' size='' 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 penatontes, nascetur ridiculus mus.

<a href="#">more...</a>
[/av_textblock]

[/av_one_third][/av_section][av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='#e8b8b8' src='https://test.kriesi.at/new-spa/wp-content/uploads/sites/11/2015/07/banner2-845x321.jpg' attachment='214' attachment_size='entry_with_sidebar' attach='scroll' position='center left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[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='']

[/av_one_fifth][av_three_fifth 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='Stay up to date with our Newsletter' tag='h1' style='blockquote modern-quote modern-centered' size='25' subheading_active='' subheading_size='15' padding='20' color='custom-color-heading' custom_font='#ffffff'][/av_heading]

[av_contact email='' title='' button='Subscribe' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='centered' color='av-custom-form-color av-light-form']
[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third'][/av_contact_field]
[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third'][/av_contact_field]
[/av_contact]

[/av_three_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='']

[/av_one_fifth]
[/av_section]

[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_two_fifth 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_image src='https://test.kriesi.at/new-spa/wp-content/uploads/sites/11/2015/07/spa-towels-495x400.jpg' attachment='311' attachment_size='portfolio' 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_two_fifth][av_three_fifth 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='h1' padding='10' heading='About Us' color='' style='blockquote modern-quote' custom_font='' size='40' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_textblock size='' font_color='' color='']
Lorem ipsum <strong>dolor sit amet</strong>, 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, <strong>pretium</strong> quis, sem. Nulla consequat massa quis enim.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In <a href="#">enim</a> justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
[/av_textblock]

[/av_three_fifth][av_hr class='invisible' height='80' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_masonry_gallery ids='315,316,317,319,320,375' items='6' columns='3' paginate='none' size='fixed' gap='large' overlay_fx='active' caption_elements='none' caption_display='always' container_links='active' id='']
[/av_section]

[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='#fcfcfc' 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 tag='h1' padding='10' heading='What our customers say about us' color='' style='blockquote modern-quote modern-centered' custom_font='' size='25' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_testimonials style='slider_large' columns='2' interval='5' font_color='' custom_title='' custom_content='']
[av_testimonial_single src='' name='Macky Mac' subtitle='' link='' linktext='']
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.
[/av_testimonial_single]
[av_testimonial_single src='' name='Franco Moriti' subtitle='' link='' linktext='']
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 tincidunt.
[/av_testimonial_single]
[/av_testimonials]
[/av_section]

Best regards,
Rikard

August 16, 2017 at 5:57 pm #840021

Thanks Rikard,

I am not a developer and so all these codes would be very challenging for me to understand. Could we work on the basis that i only know how to use the basics like the Aviva layout builder?

My next question is regarding my product page and check out page. Is there anyway i can change the current product page and check out page so that it’s a “multi-step” “click and expend” layout ?

For my check out page, I am also looking for a clear progress bar at the top.

Thank you!

August 17, 2017 at 4:59 am #840195

John Torvik

Hi,

The codes provided by Rikard are very simple because our Advanced Layout Builder is a shortcode generator and all elements will result in a shortcode. With other words, any page developed with the Advanced layout builder will be shortcodes.

Now, about your second question, you`ll need to hire a freelance to accomplish these modifications.

Best regards,
John Torvik

August 22, 2017 at 7:54 am #842346

https://snag.gy/uzsjbP.jpg

Hi John,

Thank you for your reply.

One more question, how do i set the transparency logo on the website?

I went to the header options under my theme options, then uploaded a white logo on the transparency logo tab.

But when i refreshed my home page, it still doesn’t change.

I want the effect achieved to be like this:

When the user scrolls down, the logo becomes white color and blends into the slider image basckground below.

Thank you!

August 22, 2017 at 12:50 pm #842492

Victoria

Hi adelinewyp,

It should work when you upload the transparency logo. Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

Best regards,
Victoria

September 1, 2017 at 8:58 am #846698

Adeline Woo

Guest

Hi Victoria, how do i give you admin access? Do you have an email address i can grant access to??

Thank you!

September 2, 2017 at 5:38 am #847051

Rikard

Keymaster

Hi,

You can use (Email address hidden if logged out) or one of your own emails, we only need user and password to be able to log in. Please post them in private in your reply so that they are available to all moderators.

Best regards,
Rikard

September 4, 2017 at 2:39 pm #847743

This reply has been marked as private.

September 6, 2017 at 12:38 pm #848598

Victoria

Hi adelinewyp,

Please post credentials in private here in your reply so that they are available to all moderators. We do not see any posted above.

Best regards,
Victoria

September 6, 2017 at 12:58 pm #848605

This reply has been marked as private.

September 8, 2017 at 8:08 am #849461

Hi,

I’m sorry but we don’t have direct access to that email. Could you please provide your own access to the site? Or follow these steps.

Install and activate ” Temporary Login Without Password “.
Go to ” Users > Temporary Logins ” on the left-side menu.
Click ” Create New “.
Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ).
Click ” Submit “.
You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Ismael

September 8, 2017 at 8:28 am #849469

This reply has been marked as private.

September 9, 2017 at 5:15 am #849829

Hi,

Thank you for the info. However, I can’t find the url to the site.

Please go to the Enfold > Header > Transparency Options then upload the “Transparency Logo”. This logo will be used if the page is set to have a transparent header.

Best regards,
Ismael

September 9, 2017 at 5:56 am #849846

This reply has been marked as private.

September 11, 2017 at 6:33 am #850349

Hi,

Thank you for the update. The login credentials are not working. Please check it carefully.

Best regards,
Ismael

September 11, 2017 at 6:55 am #850359

This reply has been marked as private.

September 11, 2017 at 12:57 pm #850458

This reply has been marked as private.

September 11, 2017 at 9:40 pm #850678

Basilis

Hi,

You want the slider to take the full height of the screen?

Best regards,
Basilis

September 12, 2017 at 4:36 am #850735

This reply has been marked as private.

September 12, 2017 at 9:02 am #850875