Viewing 2 replies - 1 through 2 (of 2 total)
  • Assuming you are using a child theme:

    1. In your child theme folder create a custom CSS and add the following snippet:

    
    ul.head-contact-info li a {
     color: blue !important; /* change 'blue' with your actual theme blue code */
    }
    

    2. In your custom CSS, add the following:

    
    ul.head-contact-info li {
        display: block !important;
        text-align: center !important;
    }
    

    And then you can modify email and phone to display according to your need.

    In your child theme’s functions.php file (create one if you haven’t already) reference your custom CSS using wp_enqueue_script.

    Creating a child theme is always recommended. Because if you make changes to original theme files, they will be wiped when you update it.

    Hope this helps.

    firstly we appreciate your efforts subrataemfluence…

    Hello ijustlovewpdev,

    Go To Dashboard -> Appearance -> Customize -> Theme Option -> Theme General Options -> Custom CSS

    insert code into Custom CSS and Save –

    .head-contact-info li a {
        color: #fff !important;
        font-size: 12px;
    }
    .head-contact-info {
        background-color: #09C;
        border-radius: 20px;
    }
    ul.head-contact-info:hover {
        background-color: #153357;
    }
    
    @media only screen and (max-width: 480px) and (min-width: 200px){
    .head-contact-info {
        height: 80px;
    }
    }
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Header contacts appearance issue’ is closed to new replies.