I was able to get text to display in that area by,
<enabling the top bar
<disabling all the menus and search features of the top bar
<enabling the widget area in the top bar
<turn topbar layout switch to ON
<adding a Text widget to the top bar (from the widgets option under appearance)
and then typing the desired text into the widget.
CSS could align it and change the text styling to your liking, but I am afraid that’s beyond my current skill level.
You’ll have to also go into your “Advanced Styling” options and select the appropriate color for your top bar to make it work with your styling.
Hopefully this points you in the right direction.
Hey shaunshaun,
JX-3P is correct you can add a text area in the topbar.
Once you add the text post here and I can help with css to make it large and fullwidth.
Kadence Themes
Okay. I’ve done that.
Now, how do I make it bigger? I tried simply enlarging the font size but it wouldn’t take up the whole screen, it dropped to a second line instead (and with bad line spacing).
Thanks,
Hey,
You can use css like this:
.kad-topbar-right {
width: 100%;
}
.kad-topbar-left {
display:none;
}
.kad-topbar-right .textwidget p {
font-size: 40px;
line-height: 60px;
margin-bottom: 0;
}
remove the font size that is inline styles in the widget for this to take place.
Kadence Themes
Again, thanks so much!
Weird, though- when I tried to center it the text did get centered but also shrunk. So I added some additional text so it takes up the whole width, more or less (for some reason the Opera browser displays text a lot differently, usually much bigger and bolder).
If you want to center the text use this css:
.topbar-widget {
text-align: center;
}
I’m not seeing the change in opera? Can you post an image?
Kadence Themes
Don’t know how to post an image here so it’s there:
http://brainchampagne.com/comedy/ivyscreenprint.jpg
Opera on the left (standard 17″ monitor)
IE on the right, it’s on a wide monitor but I shrunk the width of the window to be roughly the equivalent of what’s on the left.
You can see the bullet points in blue- on the right they are each one line but on the left they’re larger and many don’t fit on one line.
Are you zoomed in with your browser or in IE zoomed out?
Kadence Themes
I think they’re pretty close to the default settings. With Opera I uninstalled and reinstalled it completely and it’s exactly the same.
Does it not look like that on your computer?
On mine they all look the same.
what default settings are you referring too? The zoom settings? They should just be at 100% for testing?
Kadence Themes
All my browsers are at 100%.
When you see it on Opera do the blue, bullet-pointed categories appear each on one line, like:
Corporate Seminars & Entertainment
or is it
Corporate Seminars &
Entertainment
They are one line.
like: Corporate Seminars & Entertainment
If you shrink your browser widow they would drop to two as the page gets smaller.. Is that what your talking about?
Kadence Themes
But on my 17″ standard width monitor (not a wide screen one) only in Opera does the type appear so much bigger that those wrap onto a second line (as per the photo).
IE and other browsers don’t do that on the same monitor.
Not a big deal but it’s weird. It does sort of suck to design a web page and not have it look the same across browsers.
You seem to be adding line styles all around your lists there. Have you through about removing all that:
font-family: arial,helvetica,sans-serif; font-size: 14pt;
So that way your using px instead of pt.
Kadence Themes
I don’t understand what you mean. I thought the way to change font size is to highlight the area and use Font Family and Font Sizes. Is there a different way to do this?