[ddibernardoParticipant]

Hello,

I am using the integrity x-theme at my site genyfinanceguy.com, and am trying to leverage the top bar. However, when I enable it, social icons show up by default and I don’t see an option to disable them from showing up in the top bar.

How can I get these to go away?

Thanks,

Dom

[ThaiModerator]

Hi There,
Thanks for writing in!
Try adding following CSS under Appearance > Customize > Custom > CSS:

.x-topbar .x-social-global {
display: none;
}

Hope it helps.

[ddibernardoParticipant]

That worked very well.

I have one more question if you don’t mind.

How can I change the color of the top bar to match that of my main blog area?

Thanks,

Dom

[ddibernardoParticipant]

Oh and one other thing, How can I adjust the size of the top-bar?

Thanks,

Dom

[ddibernardoParticipant]

Ok, I figured out how to change the backround color of the top-bar. The only thing I need to change is the spacing between “The Blog” title and the top bar.

How can I change the spacing?

URL: http://www.genyfinanceguy.com

Thanks,

Dom

[John EzraMember]

Hi Dom,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.blog .x-header-landmark {
    margin: 0px auto;
}

Note: this removes top margin and bring the title upwards, you have an add space there so you can’t really go up all the way. If you wanted to further you can increase the value of 0 then ad px to the end of it.

Hope this helps – thanks!

[ddibernardoParticipant]

That worked perfectly.

Thank you very much.

Cheers!

[NicoModerator]

Glad to hear that.

Feel free to ask us in a new ticket.

Thanks. Have a great day! 🙂

[Author]

Posts