Docs

[cdnmike]

Hello,

I decided to reduce the height of the topbar where I have placed some text. The problem is when I reduce its height the text gets hidden under the main nav. I’ve tried using padding and margins but they have no effect.
Is there a way to set the vertical alignment so the text sits in the middle of the topbar without reducing the font size?

Also, I can’t seem to get rid of the line beneath my phone number although I have the text-decoration set to none

Below is the custom css I’m using for the topbar:

.x-topbar .p-info, .x-topbar .p-info a, .x-topbar .x-social-global a {
font-size: 18px !important;
text-decoration: none;
font-style: italic;
float:right;

}
.x-topbar {
background: url(http://x-theme.reportadvantage.com/wp-content/uploads/2016/07/top-nav.jpg) no-repeat;
background-size: cover;
font-weight:bold;
height: 40px;
min-height: 0;
}

Thanks for the help!

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[cdnmike]

Thanks,

You can view it here: http://x-theme.reportadvantage.com/home-6/

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-topbar .p-info{
      margin-top: 3px !important;
}

Hope it helps

Joao

[cdnmike]

Thanks, that took care of the text positioning, did you have any advice for the text underline I have it set as an active call now link but I added text-decoration: none; to the css under .x-topbar .p-info, .x-topbar .p-info a, . but it doesn’t seem to help.

Thanks

[Prasant Rai]

Hello There,

Thanks for writing in!

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

.x-topbar .p-info a {
    border-bottom: none !important;
}

Thanks.

[cdnmike]

Thanks, works great!

[Thai]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts