Docs

[barnettbailbonds]

Hi
I would like to make the Contact number in my top bar to be on the right across from the buttons. How do i make it Float to the right?

This is what I have in my custom CSS section

.contact-info{
color:#fff;font-size: 16px;
font-weight: bold;
}
.contact-info span.rounded-icon{
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 18px;
display: inline-block;
color: #fff;
background-color: rgba(255,255,255,0.2);
border-radius:50%;
}

[barnettbailbonds]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.p-info > a:first-child {
  float: right;
  margin-left: 15px;
}

I you want to place on far right then use this instead :

.p-info > a:first-child {
  position: absolute;
  right: 15px;
  top: 13px;
}

Hope this helps.

Cheers!

[barnettbailbonds]

It did, thanks! Can you help me add space between the first two buttons on the left side of the top bar? It should have the same 5px space as the third button, but it doesn’t look like it does.

[Rupok]

Hi there,

Thanks for writing back. Let’s add this CSS as well :

.p-info > a:nth-child(2) {
  margin-right: 5px;
}

It would be better approach if you use unique class for the buttons and use the CSS with those selector. But the above code is fine if you don’t change structure.

Cheers!

[Author]

Posts