Home › Forums › Gillion Theme › Distance Between Titles on Site Header
Home › Forums › Gillion Theme › Distance Between Titles on Site Header
There are glitches with the titles that are on our site header, where it lists, “Home, About Us, Coronavirus, Experiences, Subscribe”. Ideally, I want it to look like this in all pages, where there is equal space between the words and it is positioned correctly. However, on the home page, there is a difference in the position, and there is a difference in the spacing between words (there is a bigger gap between “Experiences” and “Subscribe” as compared to the rest.) If you go to About Us, it is also not bolded anymore. I’m not sure if there are glitches in any other pages, but how do I make it so that these titles show up in the exact same place, with the exact same gaps, on every single page.
Hi @globalobserver,
I hope you are well today and thank you for your question.
This is happening because you are using the custom CSS code on your website with the Yellow Pencil Editor.
To resolve the issue, please remove the above CSS code from your website.
You can reset the Yellow Pencil editor as described in the below pages.
https://yellowpencil.waspthemes.com/docs/managing-changes-on-entire-website/
https://yellowpencil.waspthemes.com/docs/managing-the-element-styles/
Best regards,
Shufflehound team
Hi, how do I remove the “custom CSS code”, and will it have any other impacts? Can you explain what exactly it is?
The custom CSS code is generated automatically when you make changes in the styling of the website using the Yellow Pencil editor.
You can remove the generated CSS code as described on the below pages.
https://yellowpencil.waspthemes.com/docs/managing-changes-on-entire-website/
https://yellowpencil.waspthemes.com/docs/managing-the-element-styles/
Before removing the CSS code you can check how your website will display by temporarily deactivating the Yellow Pencil Editor plugin.
Sorry, I don’t really understand how to remove the CSS code. Additionally, won’t removing the CSS code remove all the visual formatting and editing I’ve done? Also, I’m not sure how to “temporarily” deactivate the plugin to see how it will look.
Ok, I understood.
Let’s do it one by one.
Please go to the below plugins page and deactivate the Yellow Pencil editor plugin.
Admin Area -> Plugins
If you don’t know how to deactivate the plugin then please refer to the information provided on the below pages.
After deactivating the plugin, please see whether your issue got resolved.
Yes, that works. The issue got resolved when I deactivated the Yellow Pencil plug in. What do I do now with the CSS code?
Now, activate the Yellow Pencil Editor plugin again and remove the custom CSS code used in it as described on the below pages.
https://yellowpencil.waspthemes.com/docs/managing-changes-on-entire-website/
https://yellowpencil.waspthemes.com/docs/managing-the-element-styles/
I’m confused about which CSS code to remove, because it feels like I’d be deleting everything by removing it.
If you are not then please take a backup of the CSS code and try deleting every CSS rule one by one until you find the conflicting CSS code.
I’m not sure if I’m comfortable doing that. Can you tell me what will happen if I leave the Yellow Pencil Editor deactivated? Because right now, with it being deactivated, everything seems to work fine.
Nothing will happen If you deactivate the Yellow Pencil editor plugin as it is not a mandatory plugin but If you want to use it again in the future then you need to remove the CSS code which is causing the issue.
Right, but can you tell me what feature I’m losing out on by deactivating Yellow Pencil editor that isn’t available just on the general theme settings and appearance, etc.
You won’t lose any feature by deactivating Yellow Pencil editor.
Okay, understood. You can resolve this thread.
I have marked the thread as resolved.