Buttons + header - by Jimbo - on WordPress WooCommerce support

This topic has 17 replies, 2 voices, and was last updated 9 years, 8 months ago ago by Eva Kemp

  • Avatar: Jimbo
    Jimbo
    Participant
    March 4, 2015 at 00:16

    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.

    Please, contact administrator
    for this information.
    16 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    March 4, 2015 at 11:01

    Hello,

    Please add this code in custom.css file:

    .empty-category-block .btn {
       border: none;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Jimbo
    Jimbo
    Participant
    March 4, 2015 at 12:29

    Hi, thanks will try.

    How about adding phone number to header between logo and search ?

    Avatar: Jimbo
    Jimbo
    Participant
    March 4, 2015 at 14:45

    Eva,

    I tried your code and it does not work?

    Aldo the question about adding info (phone number) to header area please?

    Avatar: Eva
    Eva Kemp
    Support staff
    March 4, 2015 at 15:47

    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.

    Avatar: Jimbo
    Jimbo
    Participant
    March 4, 2015 at 18:01

    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?

    Avatar: Eva
    Eva Kemp
    Support staff
    March 4, 2015 at 20:24

    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.

    Avatar: Jimbo
    Jimbo
    Participant
    March 4, 2015 at 21:05

    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 🙂

    Avatar: Jimbo
    Jimbo
    Participant
    March 4, 2015 at 21:37

    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?

    Please, contact administrator
    for this information.
    Avatar: Jimbo
    Jimbo
    Participant
    March 5, 2015 at 11:02

    Struggling with this Eva 🙁

    Avatar: Eva
    Eva Kemp
    Support staff
    March 5, 2015 at 12:09

    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.

    Avatar: Jimbo
    Jimbo
    Participant
    March 5, 2015 at 17:00

    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 🙂

    Avatar: Jimbo
    Jimbo
    Participant
    March 5, 2015 at 17:40

    I tried adding media query but not working ?

    Could you please take a look for me

    Avatar: Jimbo
    Jimbo
    Participant
    March 5, 2015 at 20:22

    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

    Avatar: Eva
    Eva Kemp
    Support staff
    March 5, 2015 at 20:55

    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.

    Avatar: Jimbo
    Jimbo
    Participant
    March 5, 2015 at 21:02

    Eva, that is great and makes the website have an instant call to action…. Thank you!

    Have a good evening 🙂

    Avatar: Eva
    Eva Kemp
    Support staff
    March 6, 2015 at 09:56

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 17 results - 1 through 17 (of 17 total)

The issue related to '‘Buttons + header’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.