Home Forums ArileWP Pro How to move Info Items Content to the left

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #10147
    Wendy
    Participant

    Please let me know how to move the info content to the left together with the social icons. Please see screenshot
    https://prnt.sc/v6driu

    Thank you

    #10184
    themearile
    Keymaster

    Hi Wendy

    Please also add the below CSS code in the Additional CSS box.

    .theme-contact-block {
        float: right;
    }

    Let us know if it works.


    Thanks

    #10194
    Wendy
    Participant

    This worked but there’s a big gap between the social icons. Also, how can I change the background color of the get a quote button and make the font bigger. Please see the screenshot.

    https://prnt.sc/v6ud18

    Thank you,

    #10196
    themearile
    Keymaster

    Hi

    To change the color of the “Get Quote” button, Please also add the below CSS code in the Additional CSS box.

    .navbar.navbar-header-wrap .nav .btn-border {
        background: #000;
        color: #ffffff;
        border: 2px solid #000;
        font-size: 1.25rem;
    }

    Change the button color as per the requirement.

    Thanks

    #10198
    Wendy
    Participant

    What about the sticky header button.
    https://prnt.sc/v6v85y

    #10200
    themearile
    Keymaster

    Hi

    Please also add the below CSS code in the Additional CSS box.

    .navbar.navbar-header-wrap.header-fixed-top .nav .btn-border {
        background: #000;
        color: #ffffff;
    }
    .navbar.navbar-header-wrap.header-fixed-top .nav .btn-border:hover {
        background: #fff;
        color: #000;
    }

    Thanks

    #10201
    Wendy
    Participant

    The above CSS worked. Thanks so much for the quickest response ever.

    Think left is to remove the big gap between contact details and social icons and to make social icon same size as the contact details icons please.

    https://prnt.sc/v6vksc

    #10207
    themearile
    Keymaster

    Hi

    Okay, This is out of scope to the design of the theme but We can do it for you.
    Because we have prepared some extra CSS code to do it.

    Please also add the below CSS code in the Additional CSS box.

    @media (min-width: 992px){
    .site-header .col-lg-9 {
        flex: 0 0 88%;
        max-width: 88%;
    }
    .site-header .col-lg-3 {
        flex: 0 0 12%;
        max-width: 12%;
    }
    }

    Let us know if it works.


    Thanks

    #10208
    Wendy
    Participant

    Thank you so much! It worked perfectly. =)

    #10210
    themearile
    Keymaster

    Dear Amit

    Glad to hear it and we are happy to help you. We hope you are enjoying the ArileWP theme.

    Please help us improve our customer satisfaction by writing a quick review https://wordpress.org/support/theme/arilewp/reviews/?filter=5 We would be extremely grateful.

    Please let me know if you need any further assistance..!

    Thank you for your time.

    Have a nice day..!

    Thanks & Regards

    ThemeArile

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.