Docs

[Olianna P]

Hi, my site is
http://www.telecomhouse.net/

I’m trying to add a logo image (below*) to the top bar but it looks very big, and goes under the button. I would like it to be aligned with the button, if possible.

The logo image is*:
http://www.telecomhouse.net/wp-content/uploads/2016/06/SPBadge_rgb_PlatElite_horizonal.png

I would also like to add it to the footer area somewhere.

Can you please help? Thank you!

[Rupok]

Hi there,

Thanks for writing in! Upon checking your website I can’t see the logo on topbar. Let’s add this and update us. We’ll provide you some tailored code to align this.

Cheers!

[Olianna P]

That’s why I reached out- I’m having trouble adding the logo below*** to the topbar and to footer. I was hoping to get assistance on this.

The logo image is***:
http://www.telecomhouse.net/wp-content/uploads/2016/06/SPBadge_rgb_PlatElite_horizonal.png

And the site is:
http://www.telecomhouse.com

Thank you!

[Olianna P]

That’s why I reached out- I’m having trouble adding the logo below*** to the topbar and to footer. I was hoping to get assistance on this.

The logo image is***:
http://www.telecomhouse.net/wp-content/uploads/2016/06/SPBadge_rgb_PlatElite_horizonal.png

And the site is:
http://www.telecomhouse.com

Thank you!

[Jade]

Hi Olianna,

We could add the logo by editing the template file through a child theme and adding some custom CSS to position it but I am not sure about the current setup of your sidebar as there is a custom form added to it. Did you added the form through the child theme file? If you have added the form using the customizer, kindly provide us with the admin details so that we could check it further. Thank you.

[Olianna P]

I know there’s another way by adding the html code to topbar, however, when I added it, it looked too big. I’m trying to make it even with the button in my topbar.

I’m also trying to add the logo to my footer.

PLEASE HELP!

[Jade]

Hi Olianna,

In order for us to assist you, we will need to have the logo in the topbar so that we could adjust its sizing by using a custom CSS code. So either kindly add the logo and let us know when you have done it or provide us with the admin details so that we could do the testing.

Thank you.

[Olianna P]

Ok, I figured out how to make it smaller. Now I just need to align it with the “Call Me” button. Can you help with that?

Thanks!

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-topbar form {
    float: left;
    margin-right: 10px;
}

Hope it helps.

[Olianna P]

Awesome, that worked!

Now, how can I make my topbar thinner?

[Jade]

Hi there,

Please add this code:

p:empty {
    display: none;
}

.x-topbar {
    height: 50px;
}

Hope this helps.

[Olianna P]

It worked, thank you!

How can I minimize the space between the footer widget area and the footer?

[Prasant Rai]

Hello Olianna,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

footer.x-colophon.top {
    padding-bottom: 0 !important;
}

footer.x-colophon.bottom {
    padding: 5px !important;
}

Thanks.

[Author]

Posts