Issues with Topbar CSS

Support
#1

I’ve been reading the forums and adding CSS for my topbar. It looks great in Cornerstone, but the styling does not hold in any browser. You can see the small grey type here on this page:

http://cbu.2de.mwp.accessdomain.com/

I added the following CSS in GLOBAL CSS when customizing the header. It does not “hold”.

.x-topbar {
background-color: #3f7ca6 !important;
text-align: center !important;
}
.x-topbar
.p-info,
.x-topbar
.p-info a,
.x-topbar
.x-social-global a {
font-size: 20px !important;
color: white !important;
text-align: center !important;
}

Thanks!!

#2

Hi @PJ1,

Thanks for writing in.

I could see that your code is correct and you have added it in your custom CSS. However, as usual problem with CSS if it is not closed properly or there is an extra brace/s or lacking of brace/s. other CSS will not be executed. For example,

.x-social-global a {
   font-size: 20px !important;
   color: white !important;
   text-align: center !important;


.x-topbar { 
   background-color: #3f7ca6 !important;	
   text-align: center !important;
}

.x-topbar will not be executed anymore because the top part is not closed properly.

Hope it helps and You could find the problem in your CSS.

Let us know how it goes.

Thanks.

#4

Thank you this worked. How do I add my logo to the topbar? In the header options I added the html code for the logo in the TOPBAR CONTENT box but the logo did not show up.

#5

Hi there,

You may add some HTML code to add an image to the topbar content like this:

<img src="IMAGE_LINK" alt="The image alt value" />

Hope this helps.

#6

Yes that’s what I did but it does not work.

#7

I got that to work - thank you

#8

Hi @PJ1,

You’re most welcome.

Feel free to ask us again.

Thanks.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.