Docs

[kelleyhg]

Hi, I’ve created a value proposition to go in the Topbar of the X-Theme Integrity stack. But currently, it’s flush left and I’d like it to be centered. And I’d like to perhaps reverse it as white type on a black or dark grey background. How (and where) do I do that? Thank you in advance. (See attachment.)

[Rupok]

Hi there,

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.

[kelleyhg]

This reply has been marked as private.

[Prasant Rai]

Hello Kelley,

Thanks for sharing website URL but there seems to be an active under construction page. Kindly provide us with the admin details to your site so that we’ll able to check this further.

Thank you.

[kelleyhg]

Sigh. Isn’t this pretty standard stuff? This is your software after all. I just need to know where to go to edit the code for the Topbar. I get nervous with other people having access to my site because I’ve been hacked before and had to completely shut down a site because of it. I’m running on WordPress 4.6.1, X-Theme, Integrity stack.

[Joao]

Hi There,

It is pretty basic, but without seeing the website it is kind of hard to guess,

The topbar content can be edited on Appereance > Customizer > Header > Top bar content, I recommend you inspecting and checking the correct CSS Path than going to Customizer > Custom > CSS and doing the necessary adjustments.

Your other alternative is to turn off your Under construction plugin temporarily in order that we can help.

Thanks

Joao

[kelleyhg]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for sharing login details!

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

p.p-info {
    text-align: center !important;
    float: none !important;
    color: #fff !important;
}

.x-topbar {
    background-color: #909090 !important;
}

Let us know how it goes.

Thanks.

[kelleyhg]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

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

p.p-info {
    font-size: 15px !important;
}

Please change the values as per your requirement.

Thanks.

[kelleyhg]

This reply has been marked as private.

[Paul R]

Hi,

You can add your font in the css code like this.

p.p-info {
    font-family: Arial;
    font-size: 15px !important;
}

Change Arial with your font.

Then to fix the color in mobile, add this in your custom > css

@media (max-width: 767px) {
.x-topbar .p-info {
        background-color: transparent !important;
}
}

Hope that helps.

[kelleyhg]

Thank you very much for the help.

[Rahul]

Glad we were able to help you out.

Let us know if we can help with anything else!

Thank you.

[Author]

Posts