Home › Forums › Gillion Theme › Titlebar – tow different font colors
Home › Forums › Gillion Theme › Titlebar – tow different font colors
Good morning,
I’m fully aware how to change color of title. But how to achieve to have a different color for the title and the displayed link? Further more how to change the font-size of the title?
Best regards,
Jürgen
Hi Jürgen,
I hope you are well today and thank you for your questions.
But how to achieve to have a different color for the title and the displayed link?
What are you referring to “displayed link” here?
Further more how to change the font-size of the title?
You can try achieving this using Yellow Pencil editor as described in the below page.
https://support.shufflehound.com/how-to-change-almost-any-element/
Best regards,
Shufflehound team
Thank you. I assume that you can’t provide any css instead?
Could you please share me the page URL from your site where it is displaying so that I can help you to achieve it using CSS code?
I visited your shared site but there are too many titles on your site so please tell me exactly which title font do you want to change?
In general the category and sub-category.
Could you please share the screenshots of it?
I send several times the screenshot but can’t see if it gets through.
Got it. Won’t send if no text.
In your shared screenshot there are various elements, therefore, I still don’t understand what you are referring to.
Could you please refer those categories and sub-categories and please share me the exact page URL from your site?
https://www.beyond-cre.com/category/digital-impact/
Solution for this topic
You can change their font size and colors by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.archive.category .sh-titlebar .titlebar-title h1 { color: #00BCD4; font-size: 19px; } .archive.category .sh-titlebar .bread-cat { color: #00BCD4 !important; font-size: 12px; }
Great. Thank you.
Sorry, one more thing. How to achieve the same for ‘Tags’?
Solution for this topic
For tags please use the below custom CSS code.
.archive.tag .sh-titlebar .titlebar-title h1 { color: #00BCD4; font-size: 39px; }
Thank you. I wonder if use the title bar layout center than is it possible to break the bar into two lines? Which means in the first line ‘Tag’ and in the second line the tag itself. Hope it comes across what I mean.
I wonder if use the title bar layout center than is it possible to break the bar into two lines?
To achieve this, you have to develop custom code in the child theme of Gillion theme.
Developing custom code for custom functionality is beyond the scope of support that we provide here.
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
Understand. Thank you.