Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #688126

    Hello!

    Please, help me to add a text (phone number) and the button to fullscreen slider.
    Screenshot attached.

    Thank you in advance!

    Artem

    #688128

    And one more question: how can I make the header phone number/extra info to appear only when start to scroll down?

    Thanks!

    Best regards,
    Artem

    #688170

    Hi,

    To add a phone number and the call to action button place the below html code in the image caption and we can provide you with required custom css.

    
    <div class="extra-info">
    <div class="phone-number"> 555-555-5555</div>
    <div class="btn-cta">Call me</div>
    </div>
    

    To display the extra info in the header only when scrolled

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header_meta{
    	display: none;
    }
    
    .header-scrolled-full #header_meta {
    	display: block!important;
    }
    

    Best regards,
    Vinay

    #688222

    Hello, Vinay!

    Thanks for the fast reply.
    Please, take a look at screenshots – did I make it right?

    Artem

    #688327

    Hi,

    I can’t see the same on the frontend. We need to take a closer look Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Vinay

    #688390

    Here is it.

    Regards,
    Artem

    #688391

    Please, see below:

    #688452

    Hi,

    Thank you for the credentials, after looking at this closely to add the phone number and the call me button in the same place as shown in the mockup is not easy using code. Instead you can simply modify the background image or the slider image and add the phone number to the image using a image editor like photoshop.

    Best regards,
    Vinay

    #688462

    Ok, I understand. Thank you, Vinay!

    Can you help me then to add a button to header?
    Artem

    #688989

    Hi,

    Thank you for sharing the screenshots, there are 2 different way’s you can achieve this.

    1. Add the button as a menu item from Appearance > Menus > Main menu > Menu Item

    Expand the menu item option and select “Button Style” from the drop down “Menu Style” option.

    2. If you like to add more information like an address or a image button to the header area with your phone number. Please follow these steps to setup a header widget area.

    http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Add the below code in Appearance > Widget > Header Widget > Text Widget (You need to add a Text Widget) and write your own custom css to style it. We can help you with some basic code once we are able to inspect the element on the site.

    <span class="extra-info">
    	<span class="phone-number"> +7 499 346 89 79</span>
    	<span class="btn-cta">Позвоните мне</span>
    </span

    Please feel free to get in touch if you have any questions :)

    Best regards,
    Vinay

    • This reply was modified 8 years, 3 months ago by Vinay.
    #689043

    Hello, Vinay!

    Thank you very much for your help. You can close the thread now.

    Best regards,
    Artem

    #689533

    Hi,

    You are most welcome :)

    Please feel free to reach out to us if you need any help in future via new ticket. We really appreciate it if you rate our theme on themeforest .
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Adding text and button to fullscreen slider’ is closed to new replies.