Adding text to header

Sparkling
1

How do I add text to the header? I’m not using a header image and all I can see is the site title and the menus I added. I want to keep the site tile and add separate text to the header.

Thanks

Edit: I don’t want to use an image as a logo because of how it transitions from desktop to mobile. I want to use font only.

2

Hey there,
Hope you’re doing well today

You could add the text below your site title by adding the code below (Appearance > Customize > Additional CSS):

.navbar-header:after {
content: “HI”;/Change this to whatever you’d like to have/
font-size: 25px!Important;
color: red!Important;
font-family: fantasy;
}

Please let me know if this works.

Best Regards,
Support

3

Followed instructions - no effect. No changes seem to be made as the live-preview doesn’t buffer after I input the code.

4

Strange but after playing around with the code - after deleting the inverted commas and adding normal speech marks (") - it worked. Thanks.

Any idea how I can position it independently?

5

Could you please tell me how you want it to position and share me your site URL where it’s displaying so that i can help you to achieve it?

6

Yes Sir.

I have attached a paint edit of what I want the banner to be like exactly.

This is the actual site: www.fiksimi.com

So the number “2” has to be a separate piece of text next to the main text “Fiksimi.com.” Using the above code works but it places the number 2 under (coded “after”) the “Fiksimi.com” and it also increases the banner height which I don’t want.

I want to retain the same banner size and have the extra independent text with a significantly increased font-size. I’m hoping that way it will display correctly on mobile and desktops.

Thanks in advance!

7

To achieve this try using the below custom CSS code.

.navbar-header:after {
    content: "HI";
    font-size: 25px!Important;
    color: red!Important;
    font-family: fantasy;
    display: inline-block;
    line-height: 74px;
}
#logo {
    float: left;
}
8

Excellent. It worked.

Now I’ll change the independent text to a custom font and thus a logo.

Thanks guys.

9

You are most welcome here :slight_smile:

10

Hi,
hope you can help me , I would like to add custom text in the wrapper (above the header, just below facebook logo),
i would like to have mail and cellphone).
I’ve tried colorlib-plugin15 plugin, I can see the phone, but I can’t change font size, or color for some reason.
I will appreciate if you can help me.
Regards,
Hristo

11

@Hristo To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/sparkling/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

12

Hi Movin,

sorry about this, I have created new thread as you requested.
Regards,
Hristo

13

Not an issue your new thread has been replied.