How to move Info Items Content to the left

[Wendy]

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

[themearile]

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

[Wendy]

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,

[themearile]

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

[Wendy]

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

[themearile]

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

[Wendy]

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

[themearile]

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

[Wendy]

Thank you so much! It worked perfectly. =)

[themearile]

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

[Author]

Posts