Archived topic
Header widget text font, alignment and appearance
5 replies · Started by Victor on October 8, 2018
Hi guys,
Great theme, convinced me to upgrade to premium in less than 5 minutes of using the free version.
I'm not much of a technical guy so hopefully I'll be able to squeeze the answers of you guys:
1. How can I change the header widget text to Comic Sans MS?
2. Is it possible for the text to appear only on the desktop version, and not on tablet/mobile?
3. How can I change the alignment of the text? I want to move it more towards the left-hand side of the header, closer to the logo.
Where do I have to add the css codes? In Customize > Additional CSS code or Appearance > Editor?
Thanks!
Hi there,
Glad you've been enjoying GP :)
1. Try this CSS:
.header-widget {
font-family: "Comic Sans MS";
}Adding CSS: https://docs.generatepress.com/article/adding-css/
2. You can use the built-in hide-on classes:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes
3. Can you add the widget in first? Then we can help with some CSS.
Let me know :)
Hi Leo,
Thanks for your help, much appreciated.
I've added the widget, would be great if you could help me out with the text alignment.
Edit: I've added the text-align: left; value but would be great if I could move it more towards left-hand side.
Thanks!
Remove text-align: left; from your current CSS and add:
@media (min-width: 769px) {
.header-widget {
padding-right: 70px;
}
}Thanks Leo, solved it!
No problem :)
