This topic has 17 replies, 2 voices, and was last updated 9 years, 8 months ago ago by Eva Kemp
Hi there,
I got you guys to help with some buttons the other day, creating a border of #719400 and a hover of #719400 … I have noticed that this adds the border to the search page button which says return to shop.
How can I remove the border on that button?
Also I am looking to add my phone number in the header, I only want it to appear on tablet devices such as the iPad whilst in landscape mode so 767px and up resolution to include desktop computers.
How can I add this?
Website in private content.
Thanks in advance.
Hello,
Please add this code in custom.css file:
.empty-category-block .btn {
border: none;
}
Thank you.
Regards,
Eva Kemp.
Hi, thanks will try.
How about adding phone number to header between logo and search ?
Eva,
I tried your code and it does not work?
Aldo the question about adding info (phone number) to header area please?
Hello,
I’ve edited the code and now the border isn’t shown.
To add phone number in the header you have to edit header.php file.
We recommend to use child theme https://www.8theme.com/demo/docs/woopress/#!/2_child_theme and make modifications with files there in order not to lose the changes after theme update.
Thank you.
Regards,
Eva Kemp.
Hi Eva,
Thanks for the button, that’s better.
With regards to adding the phone number would I need to add this within a newly created div ?
I have tried to use the child theme and my website did not display correctly?
Hello,
Yes, you need create a new div.
Have you tried to add a phone number? Can we check it?
Thank you.
Regards,
Eva Kemp.
Hey Eva,
I’m going to try now… I gather I could just call the div #headtel or .headtel
With font size, colour and positioning etc.
I will try in a bit…. Thanks again 🙂
Eva,
I tried to add this via the header.php and added code to the header.php
Please see details in private content
Unsure what I’m doing wrong?
Struggling with this Eva 🙁
Hello,
I’ve added the phone code in headers/header-structure-3.php file and edited the code for “headertel” class a bit. Please check your header now.
Thank you.
Regards,
Eva Kemp.
Thanks Eva,
I was obviously doing this in the wrong place, doh! My bad.
I need this to display only from approx 767px +
What code should I add, is it @media min 767px ?
Thank you so much 🙂
I tried adding media query but not working ?
Could you please take a look for me
Ok I think I have sorted this, I added 1024px to media queries.
Would it be possible to add a phone icon just before the phone number (font awesome) ?
Thanks
Hello,
I’ve added this code <i class="fa fa-phone"></i>
to “headertel” code in headers/header-structure-3.php file.
Please check it.
Thank you.
Regards,
Eva Kemp.
Eva, that is great and makes the website have an instant call to action…. Thank you!
Have a good evening 🙂
Hello,
You’re welcome.
Regards,
Eva Kemp.
The issue related to '‘Buttons + header’' has been successfully resolved, and the topic is now closed for further responses