-
Posts
-
Im using header with social icons and bottom navigation , i want to add a phone number to my header ,what i need to do
Hey zebraz!
Add the phone number on Enfold > Header > Phone Number or small info text.
Cheers!
IsmaelHello, is there a way to add a phone number to the header if i am using Small non-fixed header? I want to add the phone number on top of the menu and aligned right ? Thank you!
Hey!
You can add phone number to top bar and then add following code to Quick CSS in Enfold theme options under Styling tab to make the top bar the same color as header
#header_meta { background-color: white; box-shadow: none; } #header_main { border-top: none !important; }Best regards,
YigitHello there I am new to enfold and I am trying to add a Phone # with large font to the header that is clickable on a mobile device? Thanks in advance
Hi,
You should be able to add it by going to Enfold > Header > Extra Element (tab) > Header Phone Number/Extra Info (choose one of the display options either left or right) > add Phone Number. Hope this helps. :)
Best regards,
NikkoHello there yes I see that option & thank you very much!! Is there anyway to make the phone # bigger and clickable for mobile users?
Hi,
Instead of just putting your phone number try putting it in this format instead:
<a href="tel:1-408-555-5555">1-408-555-5555</a>
just replace 1-408-555-5555 with your number, as for making it bigger, try adding this css code in Quick CSS (located in Enfold > General Styling):#top .phone-info { font-size: 20px; }Just adjust the font size value as you see fit. Hope this helps :)
Best regards,
NikkoHello there and thank you so much for getting back to me I hope all is well with you. So As you can see I have added the phone # in the top bar and thanks to you now know how to adjust the font size, thanks for that. Unfortunately when I go to use my iphone 5, yes I know :-( it doesn’t show the phone #?
Thanks!!
Hi,
Can you try to disable all plugins and check if the issue still persists? or if you have caching plugins try to clear cache and disable it (some caching plugins leave some files that causes issue which you might need to delete).
Best regards,
John TorvikI dont have any plugins yet as I have just created a staging site. It does appear to be showing the phone # how. Ok is there anyway to put the # somewhere else in the header? Also I have 7 different phone #’s for all our different locations. Is there a way to add a different # to each page?
Hi,
Please refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and add a widget area to your header. Then you can use this plugin – https://wordpress.org/plugins/widget-logic/ to display different widget on header depending on what page you are on
Best regards,
YigitHi,
May you share your FTP, WP credentials, and the website link this way I can create an example to you :)
Best regards,
John TorvikHi,
Sir understand that we are only trying to help you. There is absolutely no need to be rude to anyone on here. If you are frustrated with our answers or the help you are receiving then I apologize, but we see hundreds of credentials and cases per day, so rest assured no one on this team is concerned nor cares to do anything malicious with your info. Everyone here is a professional.
Now, we ask for credentials because it is the most immediate way to provide accurate and efficient support. We see hundreds of issues per day, so it is difficult to take guesses as to an individuals site configurations or to make guesses back and forth. With credentials in hand we can log in and get a great result quickly.
I do not mean to be crass, but we have tried to help you in multiple threads and you seen to have been offended by us asking for credentials. Again, we are all professionals here with a great track record of service. We are here to help you, so please lets keep things focused on the theme issue.
Best regards,
Jordan ShannonSorry you feel offended. But yes I am not comfortable providing you with my credentials which is why I have continued to say it in all the threads. I would of assumed after saying it a few times that you would have moved on with other solutions as I can’t be the only customer who isnt comfortable sharing credentials. So please now that I have explained I am not comfortable sharing my credentials can we please move forward and you guys assisting me since you are professionals?
Hi,
Unfortunately, since header does not have widget area out of the box, we are not able to show you any example however there are many Enfold users that are using it.
Another alternative would be using simple CSS and HTML in Phone info field in Enfold theme options > Header > Extra Elements. You can add numbers as following
Here is your number Here is your other numberand you can hide these numbers and only show on certain pages by adding following code to Enfold theme options > General Styling > Quick CSS
.number-one, .number-two { display: none; } .page-id-59 .number-two { display: block; } .page-id-79 .number-one { display: block; }You can simply replace page ID’s.
Best regards,
YigitHello there and thank you for getting back to me hope all is well. I don’t know exactly where to start a new feed or thread so I am hoping its ok to simply add my questions in this feed. Man if I knew half of what you guys did I would have my site done so fast!! ok here is the staging site I am working on http://dd9.2a3.myftpupload.com/. I am trying to add background images to all three of the boxes under the header slider. So there will be a pic then over the pic would be content. Can you advice on how to do this? Also I am in no way trying to slow you guys down so if its a must I can provide my credentials but would need to know what credentials you would need. Thanks again for your guys help with all this as its very new to me
Its obviously important to me to learn how to do these things on my own which was my concern about offering my credentials
Hi,
We appreciate your interest in learning, It is just one time you have to learn and then the next time when you try to do the same it will take you much less time. The best way to learn things on your own is to setup a staging site and import demo and check out the settings of the elements in the demo pages.
Take a look at our demo overview http://kriesi.at/themes/enfold-overview/ and import the demo you like and edit the demo elements settings.
Another little trick is to enable debug mode by adding the code provided in this link to your functions.php file which can be accessed from Appearance > Editor http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
This lets you view the shortcode for all the page elements which you can copy and paste it in different sections of your site to easily duplicate content.
Let us know if you have more questions.
Best regards,
VinayHello there and thank you for getting back to me. I have done exactly that creating a staging site and uploaded the Demo. I am trying to add color to the Icon box and cant figure out how can you please advice on how to do this?
Also for the contact form I see one of my competitors
https://www.aladdinbailbonds.com/office-locations/west-valley-city-bail-bonds/?utm_source=google&utm_medium=organic&utm_content=website&utm_campaign=Salt%20Lake%20Citythere contact form is a button that when pushed it opens a box to fill out. Can you advice how to set this up?
THANKS!!
Hi,
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your icon box elements and give them all different custom CSS classes (“custom-box” in example below) and then add following code to Quick CSS in Enfold theme options under General Stylin tab
.custom-box .iconbox_content { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png)!important; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }Best regards,
YigitHello there, I am a Utah Bail Bond Company and have 7 phone #’s. I am in the state of Utah and there are 26 counties in Utah with County Jails. Each county has a different prefix which is why I have several phone #’s. On my website I have created an individual page for each county I service & need to have a different # show up for each county, Is this something I can do on the enfold theme? If so can you explain to me how I do this? Thank you in advance for your help.
Hi,
I reviewed the past posts in this thread and found this one that seems to offer a solution: https://kriesi.at/support/topic/enfold-how-to-add-phone-number-to-header/#post-776035 – did this not work for you?
Are you trying to put these phone number in the small bar at the top of the screen, or in a different place?Best regards,
MikeHi there Mike, So I think I explained things incorrectly, I have 7 #’s and do need a list of my #’s to show at the top, I need to use an individual # for each page so that each pages has different #’s on them at the top that are clickable on the appropriate devices, Is that more helpful?
Hi,
Thank you for your explanation, I recommend creating menu items for your phone numbers, and for the menu style use the button style, and add a class to each button so that you can use css to hide all but the one you want to show on each page.
This is what the css would look like, the first line would show button 1 only, and the second like would show button 2 only. You would do this for all 7 pages..page-id-644 .page2,.page-id-644 .page3,.page-id-644 .page4 {display:none;} .page-id-1361 .page1,.page-id-1361 .page3,.page-id-1361 .page4 {display:none;}Best regards,
MikeHi there mike, Cool excited to see if this will workout. I am a novice on WordPress is there any tutorials you could recommend?
Hi,
We have these good videos that will help with learning the Enfold elements:Best regards,
Mike
- The topic ‘Enfold – how to add phone number to header?’ is closed to new replies.