Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 18, 2016 at 3:04 pm #688126
    artemtik

    Hello!

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

    Thank you in advance!

    Artem

    September 18, 2016 at 3:08 pm #688128
    artemtik

    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

    September 18, 2016 at 7:16 pm #688170
    Vinay

    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

    September 18, 2016 at 11:37 pm #688222
    artemtik

    Hello, Vinay!

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

    Artem

    September 19, 2016 at 7:40 am #688327
    Vinay

    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

    September 19, 2016 at 10:47 am #688390
    artemtik

    Here is it.

    Regards,
    Artem

    September 19, 2016 at 10:50 am #688391
    artemtik

    Please, see below:

    September 19, 2016 at 1:38 pm #688452
    Vinay

    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

    September 19, 2016 at 2:00 pm #688462
    artemtik

    Ok, I understand. Thank you, Vinay!

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

    September 20, 2016 at 7:51 am #688989
    Vinay

    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, 1 month ago by Vinay.
    September 20, 2016 at 10:21 am #689043
    artemtik

    Hello, Vinay!

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

    Best regards,
    Artem

    September 20, 2016 at 9:18 pm #689533
    Vinay

    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

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